1

我喜欢的按钮代码如下：

<div class="like-btn">                                                                       

<fb:like href="http://www.example-url.com" layout="box_count" show_faces="true" width="450" action="like" colorscheme="light" ></fb:like>

</div>

我的问题是，我不希望点赞后显示评论框。我使用 XFBML 版本的 Like Button 进行跟踪，所以评论框是不可避免的。
我在页面中有多个带有可变href的按钮。
我已经阅读了有关在这种情况下删除评论框的所有问题/解决方案，但它们都不起作用。我希望刷新的内容<div class="like-btn">会有所帮助。

有人可以帮我弄清楚我应该如何解决这个问题吗？

到目前为止，这是我的尝试：

//copying content of the div since the href is retrieved via php and is variable
var content = $('.like-btn').html();
$('.like-btn').empty();
$('.like-btn').html(content);

更新

接受的答案中显示的方法非常适用于默认按钮（XFBML/HTML5），但不适用于box-count样式。

4

2 回答 2

2

您可以通过代码分析获取评论框类，并应用 Solomon Closson 的 CSS 答案将其从页面显示中删除。

就像是：

<style type="text/css">
    .like-btn-comment-box { display: none !important; }
</style>

.like-btn-comment-box评论框类在哪里

于 2013-08-12T05:17:30.160 回答
1

使用您当前使用它的方式，尝试将其添加到页面：

<style type="text/css">
.like-btn {
    height: 25px;
    overflow: hidden;
}
</style>

如果这不起作用，请改用 HTML5 代码来显示 FB Like 按钮，如下所示：

<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<style type="text/css">
.fb-like{
    height: 25px;
    overflow: hidden;
}
</style>

<div class="fb-like" data-href="http://developers.facebook.com/docs/reference/plugins/like" data-width="450" data-show-faces="false" data-send="true"></div>

.fb-like我们设置了to25 pixels和的高度overflow: hidden，这样可以防止评论框完全弹出！

你可以在这里看到它的工作：http: //devs.dream-portal.net/dp11/index.php

更新

对于 box-count 样式，您可以使用 iframe 版本的 box-count 并且不会显示评论框（至少对我来说不是）：

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Freference%2Fplugins%2Flike&amp;width=450&amp;height=65&amp;colorscheme=light&amp;layout=box_count&amp;action=like&amp;show_faces=true&amp;send=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe>

重新更新

您还可以在此处查看此 stackoverflow 问题的最佳答案，获得 114 票： Facebook Like Button - how to disable Comment pop up？

试试看，也许它会工作......不确定。

于 2013-08-12T05:10:42.610 回答