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

【问题标题】：jquery ui droppable but not some child elementsjquery ui 可放置但不是某些子元素
【发布时间】：2018-09-05 17:53:13
【问题描述】：

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

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

【问题讨论】：

使用 jQueryUI 可拖放/可拖放。它有几个参数可以让你控制什么是/不是一个可接受的拖放区。

标签： jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

【解决方案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>

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

Online Demo (jsFiddle)

【讨论】：

感谢您的回复，它并没有真正禁用可拖动的孩子，而是禁用可放置的孩子，我通过使用 js 并检查位置偏移（顶部/左侧）来解决这个问题。
@ITS 欢迎您。请为我的回答投票，因为我知道其他人对你有帮助，因为有些人只看到投票赞成的答案。