jQuery UI 拖放滚动问题

Question

当您单击某些文本时，我有一个 div 弹出窗口。我希望它是可移动的，所以我使用了 jQuery UI draggable() 功能，效果非常好。但是，我遇到的问题是此弹出窗口中的 div。我正在显示一个数组中的信息，如果需要，该数组的范围可以从 0 到接近无穷大。因此，我使用 overflow:auto 将其变成滚动框。然而，一切都按应有的方式出现，当我单击向上和向下箭头在该框中上下滚动时，它反而开始了可拖动功能。这很烦人，并且理解为什么会出现问题。我正在寻找修复它或以某种方式绕过它的建议。

这是一个显示问题的 jsfiddle:http://jsfiddle.net/BnTPG/

Answer 1

您可以使用 handle 选项。看一看(我修改了你的 fiddle )。在我的示例中，我将标题设置为可拖动对象的句柄，并且我使用了一些 id 而不是像您那样使用类。

http://jsfiddle.net/BnTPG/2/

我认为你遇到这个问题是因为你使用了相对和绝对定位(这只是一个猜测，我没有测试过)。