所以一旦我添加元素的新名单,他们不再排序。我试着使用排序(“刷新”),但它仍然不工作。
$(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/。正如你看到的,如果你点击按钮添加一个新的列表。但是你不能排序/拖放的项目,以其他名单。
我想在所附清单的项目为可拖动和投掷的。此外排序。
首次尝试,追加列表时添加排序。
$(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();
});