jQuery UI的排序刷新不追加新的元素后工作

问题描述 投票:0回答:1

所以一旦我添加元素的新名单,他们不再排序。我试着使用排序(“刷新”),但它仍然不工作。

$(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/。正如你看到的,如果你点击按钮添加一个新的列表。但是你不能排序/拖放的项目,以其他名单。

我想在所附清单的项目为可拖动和投掷的。此外排序。

javascript jquery jquery-ui
1个回答
0
投票

首次尝试,追加列表时添加排序。

  $(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();
});
© www.soinside.com 2019 - 2024. All rights reserved.