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

﹏ヽ暗。殇╰゛Y 2024-03-16 11:45 43阅读 0赞

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

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

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>_bd_share_main.init</code> </td> 
 </tr> 
 </tbody> 
</table>

放到 Chrome 控制台执行一下

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>window._bd_share_main.init();</code> </td> 
 </tr> 
 </tbody> 
</table>

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

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

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 </td> 
 <td> <code>function</code>&nbsp;<code>baidu_share(title,&nbsp;cover,&nbsp;url)&nbsp;{alert(</code><code>"11"</code><code>);</code> <code>window._bd_share_config&nbsp;=&nbsp;{ </code> <code>common&nbsp;:&nbsp;{ </code> <code>bdText&nbsp;:&nbsp;title,</code> <code>bdDesc&nbsp;:&nbsp;</code><code>''</code><code>,</code> <code>bdUrl&nbsp;:&nbsp;url,</code> <code>bdPic&nbsp;:&nbsp;cover</code> <code>},</code> <code>share&nbsp;:&nbsp;[&nbsp;{ </code> <code>"tag"</code>&nbsp;<code>:&nbsp;</code><code>"share_1"</code><code>,</code> <code>"bdSize"</code>&nbsp;<code>:&nbsp;24,</code> <code>}&nbsp;],</code> <code>image&nbsp;:&nbsp;[&nbsp;{ </code> <code>viewType&nbsp;:&nbsp;</code><code>'list'</code><code>,</code> <code>viewPos&nbsp;:&nbsp;</code><code>'top'</code><code>,</code> <code>viewColor&nbsp;:&nbsp;</code><code>'black'</code><code>,</code> <code>viewSize&nbsp;:&nbsp;</code><code>'16'</code><code>,</code> <code>viewList&nbsp;:&nbsp;[&nbsp;</code><code>'qzone'</code><code>,&nbsp;</code><code>'tsina'</code><code>,&nbsp;</code><code>'weixin'</code><code>,&nbsp;</code><code>'sqq'</code><code>,&nbsp;</code><code>'tieba'</code>&nbsp;<code>]</code> <code>}&nbsp;]</code> <code>}</code> <code>with</code><code>(document)0[(getElementsByTagName(</code><code>'head'</code><code>)[0]&nbsp;||&nbsp;body).appendChild(createElement(</code><code>'script'</code><code>)).src&nbsp;=&nbsp;</code><code>'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='</code>&nbsp;<code>+&nbsp;~(-</code><code>new</code>&nbsp;<code>Date()&nbsp;/&nbsp;36e5)];</code> <code>window._bd_share_main.init();</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

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

[Link 1]: http://www.hu6.cc