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

Question

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

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