js教程

百度分享动态传递参数示例代码

我的站长站 2023-01-03 人阅读

由于百度分享代码只会执行一次,对于之后 AJAX 动态加载内容(例如瀑布流)中的分享按钮,获取不到,也无法为按钮注册事件。

因此需要重新初始化百度分享组件。官方文档中并未对此加以说明,查看 share.js 源代码,找到初始化函数。

_bd_share_main.init

放到 Chrome 控制台执行一下

window._bd_share_main.init();

返回 undefined ,看来就是它没错了。

将 window._bd_share_main.init(); 这句代码加入到内容生成函数之后,每次内容加载完成后,重新初始化百度分享组件。

function baidu_share(title, cover, url) {alert("11");
window._bd_share_config = {
common : {
bdText : title,
bdDesc : '',
bdUrl : url,
bdPic : cover
},
share : [ {
"tag" : "share_1",
"bdSize" : 24,
} ],
image : [ {
viewType : 'list',
viewPos : 'top',
viewColor : 'black',
viewSize : '16',
viewList : [ 'qzone', 'tsina', 'weixin', 'sqq', 'tieba' ]
} ]
}
with(document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
window._bd_share_main.init();
}

放在最后就好了,第一次调用完了,初始化一次就可以了

相关推荐
  • js代码
  • 百度分享
  • js指定时间定时自动执行代码分享

    示例代码用的`setTimeout()`函数,在指定的时间后执行。代码非常的简单,获取当前时间和设定一个指定时间,指定时间减去当前时间就是定时的时间,如果定时器到期时等于0,就代表时间到了,就运行executeAtTime函数的方法。function executeAtTime() { console....

    js教程 96 1年前
  • JS代码解除网页右键限制

    JS解除右键限制方法一javascript:(function () {function R(a) {ona = "on" + a;if (window.addEventListener){window.addEventListener(a, function (e) {for (var n = e.originalTarget; n; n = n.parentNode){n[ona] = null;}}, true);}window[o...

    js教程 202 4年前
  • 淘宝买家秀API+ajax代码

    淘宝买家秀API+ajax代码,用的是这个API,https://api.66mz8.com/api/rand.tbimg.php?format=jsonJSON返回格式,测试依旧可用。$(function(){ $.get('https://api.66mz8.com/api/rand.tbimg.php?format=json',function(data){ document.getElementB...

    js教程 748 4年前
  • 百度分享悄悄下线

    百度分享下线了吗?百度分享功能上线于2011年,是一个提供网页地址收藏、文章分享及发送的WEB2.0网页按钮分享工具。最近帮一个客户加个一键分享的功能,但是发现百度分享的官网都跳转到百度站长平台了。没错百度分享在没有任何通知的情况下,悄悄的下线了。...

    网络新闻 463 4年前
  • Discuz百度分享可见 V1.1商业插件
    Discuz百度分享可见 V1.1商业插件

    插件详情1主要功能为在贴内插入百度分享代码,实现点击分享按钮后可见帖子内容;2.可以设置图标大小,启用图标按钮;3.可以设置使用插件版块;4.可以设置使用插件的用户组;5.可以自定义分享来源;6.可以自定...

    discuz插件 308 4年前
  • 目前全网唯一可用的免费分享按钮生成工具
    目前全网唯一可用的免费分享按钮生成工具

    百度分享已经悄悄下线了,虽然百度代码还可以继续使用,但官网已经无法访问了。[xxid]33,1030[/xxid]如果您还行继续使用百度分享可以参考下面这篇文章。[xxid]44,1028[/xxid]今天,我的站长站分享一款...

    在线工具 541 4年前
最新更新
  • js返回上一页、刷新页面代码大全

    返回上一页代码:<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码:<a href="javasc...

    js教程 2天前
  • js语言!=与!==的区别

    != (不等于)!= 是松散的不等于运算符。它在比较两个值时,会先进行类型转换(type coercion),然后再比较值是否不...

    js教程 6天前
  • JS防止网站被扒的解决方法

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部...

    js教程 3周前
  • Hexo插件开发实战教程

    Hexo的插件嵌入有两种方式,一种是通过脚本(Scripts)的方式引入,一种是通过插件(Packages)的方式将自定义的插件内...

    js教程 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时...

    js教程 1个月前