有没有办法在页面上添加很多像Facebook一样的按钮?

时间:2011-11-10 14:59:30

标签: javascript facebook facebook-like

我尝试过使用标准Facebook like button。我的页面上需要约50个类似按钮(该数字可能会增长)。问题是,第二个我添加了多个,它大大减慢了我的页面。如果我显示所有50个相似的按钮,页面几乎无法操作,浏览器拒绝滚动,冻结并给出“无响应”警告等。

我认为这是因为没有在一个页面上多次显示类似的按钮,并且每个添加的按钮都会执行 LOT 冗余工作。我已经看到它已经完成,所以我想知道:是否有一些特殊的方式在一个页面上显示许多Facebook按钮?我说几十个,也许几百个。

由于

3 个答案:

答案 0 :(得分:1)

我建议这样做有两种方法。一种是呈现虚假的Facebook按钮(静态图像)然后悬停,动态加载真实的Facebook按钮来替换图像。另一种是使用各种jquery滚动插件之一来加载类似Facebook的按钮,因为内容在页面上变得可见。 TechCrunch.com在他们的主页上有许多类似按钮而没有性能问题(他们正在做我列出的第二个选项)。

答案 1 :(得分:0)

我认为你必须实现自己的FB链接,例如:

   <a href="http://www.facebook.com/share.php?u=your-url" class="someFBClass" ><span class=icon></span> Facebook</a>

real example

你必须添加一些css才能使链接看起来像FB链接。

答案 2 :(得分:0)

您可以使用FB.XFBML.parse方法执行此操作。

http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

这允许您在需要时渲染类似的东西,每个只是veiwport中的那个。

另外要确保您没有为每个喜欢的按钮加载facebook javascript SDK(旧的XFBML方式)?