Question

因此，一旦我添加了新的元素列表，它们将不再可排序。我尝试使用sortable（“ refresh”），但仍然无法正常工作。

$(function() {
    $(".test").on('click', function(event) {
      $(this).parent().append('<ul class="sortList"><li>123</li></ul>');
      $(".sortList").sortable('refresh');
    })

    $(".sortList").sortable({
        connectWith: ".sortList"
    }).disableSelection();
});

这是一个显示我的问题的jsfiddle http://jsfiddle.net/6nL0rm1a/5/。如您所见，如果您单击按钮，则会添加一个新列表。但是您不能将其项目排序/拖放到其他列表中。

我希望附加列表中的项目是可拖放的。也可以排序。

Answer 1

第一次尝试，在添加列表时添加排序。

  $(function() {
    $(".test").on('click', function(event)      
     {
            $(this).parent().append('<ul class="sortList"><li>123</li></ul>').children().sortable({
        connectWith: ".sortList"
    }).disableSelection();
    })

    $(".sortList").sortable({
        connectWith: ".sortList"
    }).disableSelection();
});

追加新元素后，jQuery UI可排序刷新不起作用

1 个答案: