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

Question

jsfidllde

我正在尝试通过socialite.js获得社交按钮的延迟加载效果。一切都好，但+1，喜欢，推特计数器是为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和用expr:share_url='data:post.url'替换href是有诀窍的，但是这是行不通的，因为代码除了href之外还有很多其他的属性。有人能帮帮我吗？非常感谢。

Answer 1

添加将在其中调用socialite.js的元素时：

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

你应该在你的网站地址中替换data-url的值。然后，生成的元素将指向您的网站。

如果您错误地在许多地方包含了错误的URL -并且认为使用JavaScript更正它比在一堆文件中进行搜索和替换更容易-那么我建议在调用Socialite.load()之前运行这段jQuery代码行

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