百度 分享按钮 phpcms ajax 修改设置

我在phpcms中 应用到的实例是这样的:

  1.phpcms 主页是可以用生成html静态化的,在主页面列表进行分页那么用ajax比较好

  2.列表中的文章有百度分享,但是如果用ajax,第一次默认加载的时候,可以出现分享tab,但是当ajax请求后,新生成的页面元素没有绑定上,分享js失效。

 

  解决办法: ajax分页暂时不讨论。

    1.目前有两个页面

              

  index.html    /phpcms/templates/default/content/index.html

 

    

  ajaxlist.html    /phpcms/templates/default/content/ajaxlist.html

 

    在index.html页面

   

{template "content","header"}

{template "content","ajaxlist"}


{template "content","footer"}
<script type="text/javascript" id="bdshare_js" data="type=button&amp;uid=XXXXXXXXX" ></script>

 

    这里要加入这个js<script type="text/javascript" id="bdshare_js" data="type=button&amp;uid=XXXXXXXXX" ></script>代码

 

  ajaxlist.html代码,其中的模块调用我简写了。

   

{pc:content action="list" page="$page"}
{loop $data $r}
<div class="leftbox">
    <div class="title"><a href="{$r[url]}" target="_blank" >{$r[title]}</a></div>
            <a class='bdshare_b' id='bdshare'
                alt="{$r[title]}" href="{$r[url]}"
                style='float:none' data="{
                'bdDes':'{$r[description]}',
                'text':'{$r[title]}',
                'pic':'{$r[thumb]}',
                'url':'{$r[url]}'
                }">
                <em class="icon shear downAIcon"></em><span class="shareCount"></span></a>
    </div>
</div>
{/loop}
<div class="pager ajaxhomelist">
    {$pages}
</div>
{/pc}
<script type="text/javascript">
    $(function(){
            _t = new Date();
            $.getScript("http://bdimg.share.baidu.com/static/js/logger.js?cdnversion="+Math.ceil(_t/3600000));
            $.getScript("http://bdimg.share.baidu.com/static/js/bds_s_v2.js?cdnversion="+Math.ceil(_t/3600000));
  });
</script>

 

   其中 $.getScript调取的两个js,是百度分享js文件调取的最终js文件,只是我拿出来了。

 

    通过 class='bdshare_b' id='bdshare' 这个设定,可以自己定义分享元素是什么。不必用百度自己的分享按钮和文字

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值