如果facebook评论为0，则隐藏div

Question

我使用Facebook社交插件，一切正常。我想隐藏我的聊天气泡＆＃34;

的div

如果

<span class="fb-comments-count" data-href="[article URL]"></span>

对于我的主页上加载的每篇文章，

为零，并且当然保持非零。 还有其他信息，我使用＆＃34;显示更多＆＃34;按钮也可以使用ajax加载其他文章。

我已经尝试使用http://graph.facebook.com/获取地址是否包含评论的信息，但是因为我需要为每篇文章ping http://graph.facebook.com/，我的页面加载时间非常糟糕所以我删除了

Answer 1

创建一个跨越span的函数，其中包含＆＃34; fb-comments-count＆＃34;类。并查找此跨度的文本是否为零。如果它为零，则获取此类的父级（文章DIV）并使用hide（）方法隐藏气泡DIV。

https://api.jquery.com/each/
//for iterating .fb-comments-count

http://api.jquery.com/text/
//for getting get count from span

https://api.jquery.com/parent/
//to get the parent DIV by class or ID of span

http://api.jquery.com/hide/
//to hide the perticular div by class or ID.

  

每次使用AJAX获取文章时都要调用此函数。

e.g。

function yourCustomFunction() {
    $('span.fb-comments-count').each(function(index) {
         var count=$(this).text();
         if(count==0) {
              var parentDiv=$(this).parent('article.yourParentDivClass');

              parentDiv.find('.bubbleDiv').hide();
         }
    });
}

Answer 2

跨度给出了类＆f; fb_comments_count_zero＆＃39;如果没有评论，那么您可以将该类设置为在styleshet中显示：none