jquery UI 可实时拖动

Question

这是 jqueryui 网站上的一个可拖动可排序示例，我需要对此使用 live() (我认为)，因为元素是通过 ajax 创建的，有人知道如何将实时事件应用于以下内容吗？

<script>
    $(function() {
        $( "#sortable" ).sortable({
            revert: true
        });
        $( "#draggable" ).draggable({
            connectToSortable: "#sortable",
            helper: "clone",
            revert: "invalid"
        });
        $( "ul, li" ).disableSelection();
    });
    </script>

Answer 1

我认为不可能按照您的意愿进行现场事件。最好的选择是在向列表添加新元素时使用回调函数，并在每次有新元素时重新启用新对象可拖动。

类似这样的事情:

// Call to add a new element
$.ajax({
  url: 'addElem',
  success: function(data) {
    $( "#newDraggableObject" ).draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });
  }
});