百度分享异步加载问题、分页，无效果解决

使用百度分享的时候，如果所涉及到的html部分是后加载进来的，如ajax等异步请求成功后，加载进来，那么百度分享就有可能出现错误。
我在使用的时候，遇到了两个问题。在这里记录一下。
1、无法把所需要分享的内容传值到百度分享里。
百度分享的配置里有两个值，bdText，bdDesc，这两个内容，分别分享标题和内容。
内容是异步加载进来的，所以在百度分享相关代码是在加载成功后运行的。但是，在使用中，始终无法将想分享的内容，传值给bdText，bdDesc。
后来，在百度分享的api里发现了一个事件：onBeforeClick，在分享前的点击事件。于是我就先获取鼠标所在元素，然后在onBeforeClick事件里，根据鼠标所在元素定位获取到所需要分享的内容，进行传值。
2、分页时，百度分享无效。

当点击到第二个及以后时，百度分享无效。通过百度查，网上 hupan508给出了解决方案。因为百度分享执行后，会创建全局的window.__bd_share_main，所以需要在 ajax请求完成后执行一下：window.__bd_share_main.init(); 根据这个解决方案，最终解决了问题。

var ele；
var bdTitle；
var bdAbstract;$(document).mouseover(function (e) {ele = e.target;});//设置分享function beforeShareClick(cmd, config, bdTitle, bdAbstract) {// 根据ele，获取 bdTitle, bdAbstract的值//设置 configif (shareTitle) {config.bdText = bdTitle;config.bdDesc = bdAbstract;}return config;}//百度分享代码，放入 ajax请求成功后执行function baiduShare(){if(window._bd_share_main){          //先执行初始化bdsharewindow._bd_share_main.init();}                                     window._bd_share_config = {common: {onBeforeClick: beforeShareClick,bdText: bdTitle,bdDesc: bdAbstract,bdUrl: window.location.href}};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)];}

百度分享异步加载问题、分页，无效果解决相关推荐

turn.js异步加载实现翻书效果
<div class="m-art-cont"><script type="text/javascript" src="/Runti ...
Android进阶：ListView性能优化异步加载图片使滑动效果流畅
ListView 是一种可以显示一系列项目并能进行滚动显示的 View,每一行的Item可能包含复杂的结构,可能会从网络上获取icon等的一些图标信息,就现在的网络速度要想保持ListView运行的很 ...
turn.js 异步加载实现翻书效果
1.阅读翻书js /*** 电子翻书*/ //var width = 1080; //var height = 1680;var width = "10rem"; var heig ...
ajax局部刷新后，如何让局部中的百度分享重新加载
我这个人不怎么喜欢说太多话,看几个图你们就懂了 Ajax前 Ajax之后原因分析解决方法收工百度分享是集成了众多主流第三方网站分享和收藏按钮的工具. 通过百度分享轻松将主流第三方网站的分享按钮 ...
百度联盟广告代码php,百度联盟广告异步加载的方法
百度联盟广告很多个人站长都在用 ,虽说不指望靠它挣大钱 ,但是补贴下域名服务器费用也是极好的. simon最近一直在尝试优化页面载入速度,好提升用户体验,但后来发现只要加载了百度联盟的广告,页面加载时 ...
百度联盟广告代码php,js 投放联盟广告代码可异步加载百度联盟广告
js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞如果你有一个网站或者个人博客,想投放百度联盟广告代码以获取收 ...
Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
ajax实现向上正在加载,向上滚动或者向下滚动分页异步加载数据(Ajax + lazyload)
/**** desc : 分页异步获取列表数据,页面向上滚动时候加载前面页码,向下滚动时加载后面页码 ajaxdata_url ajax异步的URL 如data.php page_val_name a ...
android 图片加载软引用_Android 异步加载网络图片并缓存到本地软引用学习分享(转)...
迪王. 于星期四, 20/02/2014 - 21:36 提交在android应用开发的时候,加载网络图片是一个非常重要的部分,很多图片不可能放在本地,所以就必须要从服务器或者网络读取图片. 软 ...
关于Vue admin 框架中 Pagination 分页异步加载的问题
关于Vue admin 框架中 Pagination 分页异步加载的问题贴代码核心代码: this.$emit('update:page', this.currentPage) this.$em ...

百度分享异步加载问题、分页，无效果解决

百度分享异步加载问题、分页，无效果解决相关推荐

最新文章

热门文章