Disqus 评论系统 - 边距左偏移答案

【问题标题】：Disqus Comment System - margin left offsetDisqus 评论系统 - 边距左偏移
【发布时间】：2011-11-24 21:06:41
【问题描述】：

我需要增加作为父母的 cmets（作为回复的 cmets）的剩余边距。左边距现在是 46px、58px 等。

有什么方法可以设置margin-left disqus 应该偏移cmets 吗？

【问题讨论】：

标签： javascript jquery css wordpress disqus

【解决方案1】：

通过脚本回答

如果你的意思是 cmets on cmets on cmets，你可以使用下面的方法，每个 parent 的偏移量为 46 + 12。

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

通过 CSS 回答

如果你有静态数量的 cmets，你可以使用 css

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

最佳解决方案

但是最好嵌套它们，所以你可以使用margin-left: 12px; 并且嵌套已经移动了 12px，现在他的边距也将在那里。所以又移动了 12px。

然后 HTML 将如下所示：

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

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

还有 CSS：

ul{ margin-left: 12px; }

【讨论】：

我已经做过类似的事情（javascript）。但问题是当我单击“加载更多 cmets”时。新的 cmets 不会得到偏移量。
更新了脚本功能，添加新的cmets后，调用方法即可。
它有点工作，但分页的 disqus 回调函数 (this.callbacks.onPaginate) 似乎不起作用。新的 cmets 没有任何偏移量。我想这是因为它是在呈现 html 之前调用的。但我不知道如何解决这个问题。到目前为止，这是我的代码：jsfiddle.net/wb3jf