javascript - 将 child 和 parent 拖到一起

Question

我的 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 重叠

Answer 1

您可以在可拖动用户界面中使用句柄选项，该选项允许限制父级被拖动，除非鼠标按下发生在子级中的指定元素上。

对于您的代码，您可以执行以下操作:

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

代码引用:http://jsfiddle.net/xBB5x/8862/

供图书馆引用:http://jqueryui.com/draggable/#handle