使用单个代码将社交按钮放在所有网页上

时间:2013-03-02 09:52:51

标签: javascript html facebook twitter

jsfidllde

我试图通过socialite.js获得社交按钮的延迟加载效果。一切都很好,但+ 1s,喜欢,推特计数器是针对socialite.com而不是我的网站。例如,此代码为socialite.com提供了“喜欢”:

<li>
  <a href="http://www.facebook.com/sharer.php?u=http://www.socialitejs.com&amp;t=Socialite.js"
     class="socialite facebook-like" data-href="http://socialitejs.com" data-send="false"
     data-layout="box_count" data-width="60" data-show-faces="false" rel="nofollow"
     target="_blank"><span class="vhidden">Share on Facebook</span></a>
</li>

我希望它适用于我的页面。对于每个不同的页面,手动将http://socialitejs.com更改为mywebsite.com是太烦人了。

我相信使用javascript并将href替换为expr:share_url='data:post.url'是有诀窍的,但是这不起作用,因为代码除了href之外还有许多其他属性。任何人都可以帮助我。非常感谢。

1 个答案:

答案 0 :(得分:0)

当你添加你将调用socialite.js的元素时:

<a class="socialite twitter-share" href="http://twitter.com/share" data-url="http://socialitejs.com">
    Share on Twitter
</a>

您应该将data-url的值替换为您的网站网址。然后生成的元素将指向您的网站。

如果您错误地在许多地方已经包含了错误的网址 - 并且觉得用JavaScript修改它更容易,而不是在一堆文件中进行搜索和替换 - 那么我建议运行这个jQuery行之前致电Socialite.load()

$('[data-url]').attr('data-url', 'mywebsite.com');