Question

因此，当我点击它们时，我试图让短篇小说的每个段落都有下面的注释，并且注释也会根据每个段落中的注释量以强度等级改变颜色。

到目前为止看起来像这样：

http://www.miraclejones.com/cathedral.html

我正在使用“Easy Comment”Jquery插件在我的每一支手风琴中添加评论 - 而且效果很好 - 但是当根据金额使段落改变颜色时我遇到了困难评论，或仅仅存在。

这是我最后一个好主意，但我不能让它工作，我不知道为什么：

     if ($("#paragraph1 .ec-comment-pane div.ec-total:contains('0')")>0) {
 $("#h31").css("backgroundColor","pink");}
 else {
 $("#h31").css("backgroundColor","green");
 }

任何帮助都将非常感激。我是一个小说作家而不是程序员，但我很想以这种方式发布我的下一个系列。如果您有任何问题或我是否可以进一步解释，请告诉我。

Answer 1

你可以这样做：

$('.ui-accordion-header').each(function( index, element ){
 if( $(element).height() > 100 ){
  $(element).css("backgroundColor","pink");
 }else{
  $(element).css("backgroundColor","green");
  $(element).css("color","white");//nice contrast, just for example
 }
});

这将使大区域具有粉红色背景，并且小区域具有绿色背景。请注意，绿色非常难以阅读黑色文本，也许您还应该将文本中的白色着色，或选择不同的颜色。这些颜色可能只是我想的一个例子。

Answer 2

尝试，条件

的长度

if ($("#paragraph1 .ec-comment-pane div.ec-total:contains('0')").length >0) {
 $("#h31").css("backgroundColor","pink");}
 else {
 $("#h31").css("backgroundColor","green");
 }

或

color = function(){
  $('.ec-total').each(function(){
    count = parseInt($(this).text());
    if(count > 0)
       $(this).closest('.ui-accordion-content').prev().css("backgroundColor","pink");
    else
       $(this).closest('.ui-accordion-content').prev().css("backgroundColor","green");
  });
}
setTimeout(function(){ color(); }, 1000);

编辑：添加了setimeout，因为ajax需要一些时间来修改ec-total中的文本

根据注释密度更改.accordion面板的颜色

2 个答案: