我有以下静态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()是基于事件的,因此您不能将其用于此类插件。您 可以 轻松完成,就是在您的AJAX调用结束时调用该代码,例如:
.live()
$.ajax({ //options... success: function(data) { //create UL $("#mylist").sortable({axis:"y"}); } });
的缩写形式也是如此$.ajax(),例如:
$.ajax()
$("#mylist").load("pageThatGivesTheLIElementGoodness.htm", function() { $(this).sortable({axis:"y"}); })