启用滚动时如何拖放

Question

我正在使用JavaScript进行工作，遇到了问题，需要专家的帮助。 这是我的情况，我有一个div，其中有两个div。我希望我的外部div是可拖动的，而我的一个内部div中有一个滚动选项

<div id = "par" class "ui-draggable" style="position: relative; height: 200px; width: 540px;">

    <div width="440" height="182" style="float: left;">
    </div>

    <div style="width: 100px; height: 182px; float: left; overflow-x: auto; overflow-y: auto; ">
    </div>

</div>

然后我编写了以下代码以使div可拖动

 $('#par').draggable();

它工作正常且可拖动。 但是我现在陷入了一个问题，当我单击滚动条然后尝试删除div时，我不会删除。任何想法我做错了或者有办法纠正它。 我使用的是chrome浏览器。它在Firefox中工作正常，但在chrome中无法正常工作。这是Jsfiddle的链接http://jsfiddle.net/xhMgu/

谢谢任何帮助，将不胜感激

Answer 1

您应该使用可拖动组件的“处理”选项。 使用它，您可以将拖动手柄委托给另一个标签。 如果将顶部容器用作可拖动对象（默认行为），则会遇到您所说的问题。 在这里看看我的答案： jQuery UI滚动拖放问题