jquery - 使用 jquery.nestable.js 禁用可嵌套列表的拖动

Question

https://github.com/RamonSmit/Nestable2

我正在使用 jquery 可嵌套来制作可嵌套列表。我正在初始化，然后根据文档，尝试通过将 dd-nodrag 应用于每个 dd-item 元素使其只读。但它仍然是可拖动的。

<script>
 var options = {
            json: JArray //JArray is my preconstructed json          
        }
        $('#nestable-json').nestable(options);

 $(document).ready(function () {
            $('.dd-item').each(function () {
                $(this).addClass('dd-nodrag');
            });
        });
</script>

Answer 1

在 init nestable 上使用 dragstart 事件：

$(...).nestable({
  ...,
  onDragStart: function(l,e){
    return false
  }
})