只有在点击父元素时才能拖动，不包括其子元素。

Question

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

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

所以父元素是可拖动的，即使我在id为“child”的元素上拖动也可以拖动整个元素。但是当单击子元素时，我不希望进行拖动。

换句话说：

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

- Puchacz

Answer 1

使用取消：

防止在指定元素上开始拖动。

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

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

- Hanlet Escaño

Answer 2

查看jQuery可拖动的句柄文档。

您将看到一个与您正在尝试解决的问题非常相似的示例。

尝试：

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

    //Disable selection of text content within the set of matched elements.
    $( "div" ).disableSelection();
});

- Josh Beam

Answer 3

示例：http://jsfiddle.net/GbtUA/

你可以使用类似以下的代码：

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

- Ani