百度 分享按钮 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&uid=XXXXXXXXX" ></script>
这里要加入这个js<script type="text/javascript" id="bdshare_js" data="type=button&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' 这个设定,可以自己定义分享元素是什么。不必用百度自己的分享按钮和文字
相关推荐
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05
坚持着执着 2020-07-05