我有以下静态 html:
<ul id="mylist">
<li id="li_10"><a href="10">Item 10</a></li>
<li id="li_20"><a href="20">Item 20</a></li>
<li id="li_30"><a href="30">Item 30</a></li>
<li id="li_40"><a href="40">Item 40</a></li>
<li id="li_50"><a href="50">Item 50</a></li>
</ul>
我有以下 jQuery:
<script>
$( document ).ready( function() {
$("#mylist").sortable(
{axis:"y"}
);
});
</script>
这工作得很好,但是当我使用 jQuery/AJAX 生成上述 HTML 时,它就停止工作了。所以我假设我需要使用 jQuery 中的“live”函数来执行可排序部分。有人可以帮我实现这个吗?
.live()是基于事件的,所以你不能将它用于这样的插件。你什么can简单的方法是在 AJAX 调用完成时调用该代码,例如:
$.ajax({
//options...
success: function(data) {
//create UL
$("#mylist").sortable({axis:"y"});
}
});
对于缩写形式也是如此$.ajax(), 例如:
$("#mylist").load("pageThatGivesTheLIElementGoodness.htm", function() {
$(this).sortable({axis:"y"});
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)