jQuery UI 拖放滚动问题

标签 jquery html jquery-ui

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

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

最佳答案

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

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

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

关于jQuery UI 拖放滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11533864/

相关文章:

jquery - 从 jquery 数据表切换到 slickgrid

jquery - 检测 html parent 是否被隐藏

javascript - 如何在单击按钮时获取div的坐标

javascript - 如何将计数功能应用于页面上的多个值?

css - 将页脚放在 jqueryui 自动完成列表上

jquery - 按元素数创建行 django 模板

html - 使用 iFrame 将 Youtube channel 嵌入到 HTML 中

javascript - HTML "overlay"允许点击进入它后面的元素

jQuery 弹出对话框

jQuery - UI 对话框 - 寻找定时关闭的智能解决方案