javascript - 仅在单击父元素而不是其子元素时拖动

Question

我正在使用 jquery-ui 让我的 div 元素可以拖动。它看起来像这样:

<div id="parent">
   <div id="child">
      //here is some stuff like tabs and other dynamic content
   </div>
</div>

所以父级是可拖动的，即使我拖动到被 id 为“child”的元素占用的空间，我也可以拖动整个元素。单击子元素时我不想拖动

换句话说:

我想让我的父元素成为其子元素的自然可拖动框架，但这个子元素不能触发父元素也可拖动。

Answer 1

使用Cancel :

Prevents dragging from starting on specified elements.

$('#parent').draggable({ cancel : '#child'});

jsFiddle:http://jsfiddle.net/hescano/dA4L9/