jquery - Jquery克隆并包装每3个孩子并添加可滚动的jquery-tools

Question

我正在尝试使用以下方法解决此可滚动问题：

var divs = $(".wrap > .outerDiv");
for(var i = 0; i < divs.length; i+=3) {
  divs.slice(i, i+3).wrapAll("<div class='breakpoint'></div>");
}

这是在我的孩子超过 3 岁时创建一个断点。

解决它的唯一一种方法是包装 3 个孩子。你能仔细检查一下为什么不创建 3 个 div 请看看我的演示。

 <div class="breakpoint">
        <div></div>
        <div></div>
        <div></div>
   </div>

演示 http://jsfiddle.net/2mby5/98/

Answer 1

当您的代码运行时， $(".wrap").children() 的长度为 1。

如果您希望它在克隆后插入断点，则需要再次触发它（我想在每次克隆之后）。

考虑一个 pub / sub 使它松散耦合，在https://gist.github.com/661855有一个很好的