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

Question

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

文档中有一个选项group 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')
    });
});