我如何使用内部 div 来拖动它的外部父 div？

Question

我希望能够通过拖动特定的内部 div 来移动外部 div。只有内部 div 应该能够移动外部 div.

我试图在外面使用 Jquery 的 draggable() 方法 div 但这允许用户通过单击并拖动里面的任何地方来移动外面的 div外部 div，防止用户突出显示某些文本进行复制。

我已经设置了一个 jsFiddle here。

如何使外部 div 仅在单击并拖动特定内部 div 时才可拖动？

Answer 1

添加一个handle选项

handle
If specified, restricts dragging from starting unless the mousedown occurs on the specified element(s). Only elements that descend from the draggable element are permitted.

$("#outer").draggable({
    handle: "#inner"
});

JSFiddle