Facebook喜欢按钮显示奇怪的对话窗口

Question

我在我的博客中添加了以下Facebook Like代码。但是当我点击按钮时，它会出现一个小对话窗口，看起来是这样的:http://www.badongo.com/pic/13928565

我不想要这个对话框。我只是想增加点赞按钮的数量。谁来帮帮我，谢谢!

<div id="fb-root"></div> 
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/zh_TW/all.js#appId=189257097820759&xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="imobile.tw" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>

Answer 1

在你的CSS中:

.fb_edge_comment_widget.fb_iframe_widget { display: none !important }

Answer 2

截至目前(2012年12月)，这些CSS解决方案似乎都不起作用，因此我建议您使用更可靠的解决方案:只需将fb:like放入具有overflow: hidden的div中。如果div足够小(只是为了显示Like按钮)，它就可以工作了。

把它放到你的html文件中:

<div id="fbLikeContainer">
    <fb:like send="false" layout="button_count" width="70" show_faces="false"></fb:like>
</div>

在你的CSS文件中:

#fbLikeContainer {
    overflow: hidden;
}

如果你查看官方的Like按钮参考Facebook开发者，特别是部分，当我点击Like按钮时，弹出窗口(或"弹出")没有显示。为什么?，你会看到这是Facebook建议你做的(虽然不是故意的)

Answer 3

在阅读Facebook开发者页面后，我认为URL "Like"的新样式包括弹出/对话框。您可能会隐藏弹出窗口，并在Like按钮周围设置一个div，设置为正确的大小，并为其分配overflow: hidden CSS属性。另一个选择是在Facebook页面上使用Like按钮。这被称为Like Box，但同样，只适用于Facebook页面/url。也许你可以为你的网站创建一个Facebook页面，让所有的"喜欢"按钮都链接到这个页面?

这是Facebook Like Box生成器，你可以关闭大部分功能，只获得Like按钮，而不是所有额外的东西:http://developers.facebook.com/docs/reference/plugins/like-box/

这是Facebook Like Button生成器，它也有一个弹出框，他们提到这个弹出框可能会被隐藏，尽管不要谈论它，好像你可能想要隐藏它:http://developers.facebook.com/docs/reference/plugins/like/