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

Question

我正在使用Facebook社交插件，并且一切正常。 我想隐藏“聊天气泡”的div

如果

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

对于我首页上加载的每篇文章，其值为零，当然请保留不为零的文章。 还有其他信息，我也使用“显示更多”按钮来使用ajax加载其他文章。

我已经尝试使用http://graph.facebook.com/来获取地址是否包含注释以及它是否有效的信息，但是因为我需要对每篇文章ping http://graph.facebook.com/ ，所以我的页面正在加载时代很糟糕，所以我删除了那个。

Answer 1

创建一个具有“ fb-comments-count”类的跨范围迭代的函数。 并查找此范围的文本是否为零。 如果为零，请获取此类的父级（第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提取文章时都调用此函数。

例如

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

如果没有注释，则将跨度指定为类'fb_comments_count_zero'，因此您可以将该样式设置为显示：在样式表中为none