把孩子和父母拖到一起

Drag child and parent together

本文关键字：到一起 父母 孩子      更新时间：2023-09-26

我有一个div结构如下:

<div id="wrapper">
   <div id="innerWrapper">
      <div id="obj"></div>
   </div>
</div>

目前我正在使用jQuery的拖拽来移动div。

jQuery('#obj').draggable();

现在我需要通过拖动#obj来拖动#wrapper。我该怎么做呢?所以基本上我想把#obj和#wrapper拖到一起。

当我这样做

jQuery('#wrapper').draggable();

在触控设备上反应不佳可能是因为#obj重叠了#wrapper

你可以在可拖动界面中使用handle选项，它允许限制父元素被拖动，除非鼠标按下发生在子元素的指定元素上。

对于你的代码你可以这样做:

jQuery( "#wrapper" ).draggable({ handle: "div#obj" });

代码参考:http://jsfiddle.net/xBB5x/8862/

库参考:http://jqueryui.com/draggable/#handle

相关文章：