javascript - 可嵌套的 jQuery 插件 - 禁用列表之间的拖动

Question

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

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

组组 ID 允许在列表之间拖动（默认 0）

所以我将其更改为元素 id

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

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

Answer 1

在您当前的代码中，this指的是父范围，例如windowor document， not .dd。

您必须为每个列表调用可嵌套，试试这个：

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