javascript - Nestable jQuery 插件 - 禁用列表之间的拖动

Question

我想禁用 jQuery 可嵌套插件中两个列表之间的拖动。

文档中有一个选项组 https://github.com/RamonSmit/Nestable

允许在列表之间拖动的组 ID(默认 0)

所以我将其更改为元素 id

$('.dd').nestable({
    maxDepth: 1,
    group: $(this).attr('id')
});

但是它不起作用。用户可以根据需要在两个嵌套之间拖放项目。

Answer 1

在您当前的代码中，this 指的是父范围，例如 window 或 document，而不是 .dd.

你必须为每个列表调用nestable，试试这个:

$('.dd').each(function(){
    $(this).nestable({
        maxDepth: 1,
        group: $(this).prop('id')
    });
});