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

Question

我想在我的网站上使用scroll.js。其基本用法是：

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

然后使用JavaScript（原始或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'));影响。有没有办法将stroll效果添加到动态内容？

Answer 1

你还是使用：

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