Facebook Like Button - 如何禁用评论弹出窗口？

Question

我想禁用当用户点击我放在我网站上的Facebook(fbml)Like按钮时弹出的评论框.这可能吗？我在文档中找不到任何细节.

Answer 1

最简单的修复方法是在Facebook Like(XFBML版本而不是iframe版本)之后隐藏评论框如下:

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: none !important;
}

将CSS样式放在任何CSS文件中并看到魔术,它的工作原理:)

Answer 2

将iframe放在一个适当大小的div中,溢出设置为隐藏解决了这个问题 - 尽管这实际上只是隐藏了这个问题.

Answer 3

我在我的CSS中使用它:

.fb-like{
    height: 20px;
    overflow: hidden;
}

并使用普通的HTML5代码呈现Facebook按钮,如下所示:

<div class="fb-like" data-layout="button_count" data-show-faces="false"></div>

GR-

Answer 4

我做的是为这样的"喜欢"按钮创建一个div:

<div class="fb_like">
  <fb:like href="yourlink" send="false" layout="button_count" width="90" show_faces="false" font="arial"></fb:like>
</div>

这是CSS:

.fb_like {  
  overflow: hidden;
  width: 90px;
}

Answer 5

我喜欢Mohammed Arif的解决方案,我选择它作为最佳答案.但是如果FB改变了类,那么下面的代码将始终有效.

FB.Event.subscribe('edge.create', function(response) {
   $('#like_button_holder').html('<div class="fb-like" data-href="http://www.your-url.com" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"></div>')
   FB.XFBML.parse();
});

其中"like_button_holder"是"你的"div id,按住facebook就像按钮代码一样

Answer 6

有效的清洁解决方案(截至2014年5月) -

1. 首先,确保在<div class="fb-like" 有数据的布局财产按钮 -

   <div class="fb-like" data-layout="button"........></div>
   

2. 只需添加此CSS-

   .fb-like{
      overflow: hidden !important;
   }
   

而已!

演示