jQuery 实时和可排序答案

【问题标题】：jQuery live and sortablejQuery 实时和可排序
【发布时间】：2011-05-18 10:36:07
【问题描述】：

我有以下静态 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”函数来执行可排序部分。有人可以帮我实现吗？

【问题讨论】：

标签： javascript ajax jquery-ui jquery

【解决方案1】：

.live() 是基于事件的，所以你不能将它用于这样的插件。您可以轻松做的就是在 AJAX 调用完成时调用该代码，例如：

$.ajax({
 //options...
  success: function(data) {
    //create UL
    $("#mylist").sortable({axis:"y"});
  }
});

$.ajax() 的缩写形式也是如此，例如：

$("#mylist").load("pageThatGivesTheLIElementGoodness.htm", function() {
  $(this).sortable({axis:"y"});
})

【讨论】：