jquery ui 可放置但不是某些子元素

Question

我想拖放但使用 jQueryUI Droppable 从拖放区中排除了一些子元素，例如：

<div id="dropZone">
  <div></div>
  <div></div>
  <div>exclude this container</div>
</div>

Answer 1

您可以使用 cancel option 来防止拖动某些元素，如下所示：

HTML

<div id="dropZone">
  <div class="child">child1</div>
  <div class="child">child2</div>
  <div class="child disable">exclude this container</div>
</div>

JS

$( "#dropZone .child").draggable({
  cancel: ".disable"
});

Online Demo (jsFiddle)