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中，因此它也阻止了对childern li的拖拽。我想阻止只有父li“noDrag”类的div的拖动。

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

Answer 1

工作DEMO

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

希望这有助于谢谢

取消Draggable选项可防止拖动子元素

1 个答案:

工作DEMO