发出使用nestedSortable获取列表以进行折叠的问题

时间:2013-03-16 03:31:43

标签: jquery html jquery-ui nested-sortable

我似乎无法让可折叠部分与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');
})

2 个答案:

答案 0 :(得分:0)

您使用的插件版本无效。我升级了插件并将可折叠代码更改为以下内容:

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

小提琴here

答案 1 :(得分:0)

新嵌套的展开/折叠按钮(如果我单击并在另一行下拖动一行)不起作用。只有在加载时显示的那些。