2011-11-24 62 views

回答

0

答案通过脚本

如果你的意思是在评论上的评论意见,你可以用下面的方法,它有一个46 + 12为每个父偏移。

$(".comment:not(.changed)").each(function(){ 
    $(this).addClass("changed"); 
    var parents = $(this).parents(".comments"); 
    $(this).css("marginLeft", 46 + (parents.length * 12)); 
}); 

答案通过CSS

如果你有意见静态量,您可以使用CSS

.comment{ margin-left: 46px; } 
.comment .comment{ margin-left: 58px; } 
.comment .comment .comment{ margin-left: 70px; } 

最好的解决方案

但它更好地窝他们,所以你可以使用margin-left: 12px;和嵌套已经移动12px和n他的利润率将会在那里。所以移动了另一个12px。

然后HTML将OOK,如:

<ul> 
    <li>COMMENT 
     <ul> 
      <li>COMMENT 

       <ul>...ETC</ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

而CSS:

ul{ margin-left: 12px; } 
+0

我已经做了类似的东西(的JavaScript)。但问题是当我点击“加载更多评论”时。新评论不会得到抵消。 – Patrik

+0

更新了脚本功能,添加新评论后,只需回顾一下该方法。 – Niels

+0

它有点工作,但分页回调函数(this.callbacks.onPaginate)似乎不起作用。新评论没有得到任何抵消。我想这是因为在html呈现之前调用它。但我不知道如何解决这个问题。这是我的代码到目前为止:http://jsfiddle.net/wb3jf/ – Patrik