Facebook评论计数不同的风格,如果大于0(零)

时间:2015-01-22 10:28:54

标签: javascript html css facebook

我在我的画廊网站上使用Facebook评论。我使用Facebook功能在专辑视图中显示缩略图下的评论数。 https://developers.facebook.com/docs/plugins/comments

我想要一个使用span类进行颜色编码的javascript代码。例如,当评论数量大于0时,我希望它是红色的。

<html><head></head><body>
<fb:comments-count class="" href="http://www.example.com/pic1.html" fb-xfbml-state="rendered">
<span class="fb_comments_count">0</span>
</fb:comments-count>

<fb:comments-count class="" href="http://www.example.com/pic2.html" fb-xfbml-state="rendered">
<span class="fb_comments_count">3</span>
</fb:comments-count>

<fb:comments-count class="" href="http://www.example.com/pic3.html" fb-xfbml-state="rendered">
<span class="fb_comments_count">0</span>
</fb:comments-count>

</body></html>

我尝试了类似http://jsfiddle.net/eliz82/6eo7s0ud/之类的东西,但它不起作用,我认为使用搜索而不是数学函数并不好。

1 个答案:

答案 0 :(得分:0)

所以我设法使用这个类似的代码来创建这个工作基础:change row color if row value is negative

但我有一个问题,当我做实际的工作不仅仅是一个简单的HTML测试。 我的javascript执行后呈现的facebook评论计数。所以我没有工作。

我必须使用此代码:http://css-tricks.com/snippets/jquery/run-javascript-only-after-entire-page-has-loaded/ 在我执行我的代码之前

所以脚本是这样的:

$(window).bind("load", function() {
    $("span.fb_comments_count")
    .filter(function () {
    return $(this).html() > 0;
})
    .parent().css('color', 'red');
});