jquery - 取消 Draggable 选项，防止拖动子元素

Question

我在html中有元素：

<div class="abc"
<ul>
 <li class="noDrag">
    <div></div>
    <ul>
      <li>
        <div></div>
       </li>
      <li>
        <div></div>
      </li>
    </ul>
 </li>
</ul>
</div>

我已将拖放初始化为：

 $('.abc li').draggable({
      cancel: ".noDrag",
      cursor: 'move',
    });

    $('.abc li').droppable({
      greedy: true
    });

如何解决以下问题：

1) 由于“noDrag”类在父 li 中，它也阻止了子 li 的拖动。我想防止仅对父 li "noDrag" 类的 div 进行拖动。

2）我什至不想显示“取消”选项元素的拖动动作。我想为那些显示正常光标。

Answer 1

工作演示

 $('.abc>ul>li *').draggable({
    cancel:'.noDrag>div',
    cursor: 'move',
});

希望这有帮助谢谢