javascript - 如何在 jQuery 生成的内容上使用 scroll.js

Question

我正在尝试使用 scroll.js在我的网站上。基本用法是:

<ul id="mylist">
     <li></li>
     <li></li>
</ul>

然后使用 javascript(raw 或 jQuery)，我可以使用 stroll.bind('#mylist'); 定位该列表，然后列表获得所需的动画。

我真正想做的是动态地将列表项添加到 .mylist 中，然后能够应用 stroll.bind('#mylist');。我尝试了一切，例如:

$(document).ready(function() {
    more = $(".moretitles");
    wrap = $(".mylist li#index");
more.on('click', function(e){
    e.preventDefault(); 
    item = $(".one").clone();
    item.appendTo($(".mylist" ));
})
stroll.bind( $('.mylist' ) );
});

我知道上面的代码很乱，但只是为了让您知道我正在添加到列表中。正如我所说，这些新列表项不受 stroll.bind( $('.mylist' ) ); 的影响。有没有办法给动态内容添加漫步效果？

Answer 1

你应该使用:

more.on('click', function(e){
e.preventDefault(); 
item = $(".one").clone();
item.appendTo($(".mylist" ));
stroll.bind( $('.mylist' ) );//bind event on change of contents.
})