jquery ui droppable但不是一些子元素

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)