jquery - 使用nestedSortable 使列表折叠问题

Question

我似乎无法让可折叠部分与nestedSortable一起使用。

http://jsfiddle.net/meisam/vq9dD/

这是我正在使用的javascript：

$('ol.sortable').nestedSortable({
    disableNesting: 'no-nest',
    forcePlaceholderSize: true,
    handle: 'div',
    helper: 'clone',
    items: 'li',
    opacity: .6,
    placeholder: 'placeholder',
    revert: 250,
    tabSize: 25,
    tolerance: 'pointer',
    toleranceElement: '> div',
    isTree: true,
    startCollapsed: true,
    update: function () {
        order = $('ol.sortable').nestedSortable('serialize');
        console.log(order); 
    }
});

$('.disclose').on('click', function() {
    $(this).closest('li').toggleClass('mjs-nestedSortable-collapsed').toggleClass('mjs-nestedSortable-expanded');
})

Answer 1

您使用的插件版本不工作。我升级了插件并将可折叠代码更改为以下内容：

$('.mjs-nestedSortable-collapsed').on('click', function () {
    $(this).toggleClass('mjs-nestedSortable-collapsed').toggleClass('mjs-nestedSortable-expanded');
});

在这里提琴

Answer 2

新嵌套的展开/折叠按钮（如果我单击并将一行拖到另一行下）不起作用。只有那些在负载上显示的工作。