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' ) );影响。有没有办法将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.
})

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

1 个答案: