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.I不下降。任何想法我做错了或有一种方法来纠正它。我使用chrome browser.it在火狐中工作正常，但在chrome中没有这是Jsfiddle的链接 http://jsfiddle.net/xhMgu/

感谢任何帮助将不胜感激

Answer 1

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

启用滚动时如何拖放

1 个答案: