0

我正在使用 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 浏览器。它在 fire fox 中运行良好，但在 chrome 中运行良好 这是 Jsfiddle http://jsfiddle.net/xhMgu/的链接

感谢任何帮助将不胜感激

4

1 回答 1

0

您应该使用可拖动组件的“句柄”选项。使用它，您将拖动手柄委托给另一个标签。如果您将顶部容器用作可拖动的（默认行为），您将遇到您所说的问题。看看我的答案：jQuery UI drag and drop issue with scroll

于 2012-07-20T05:16:37.903 回答