很久以前,我在我的应用程序中创建了一个对话框。该对话框非常简单,位置绝对,通过 javascript 在屏幕上居中。
现在我已经将 jQuery UI 添加到应用程序,但我不想使用 jQuery UI 的对话框,因为它们的工作方式不同。但我确实使用 jQuery UI 使我的对话框可拖动,因为它非常简单:
$('#dialog').draggable();
有一个问题,我的一些对话框有滚动条。
但是使用 draggable 方法,如果有滚动条,它会因为拖动对话框而出错。
有没有办法让对话框在使用滚动条时不拖动?
我注意到有一些方法可以避免元素被拖动,但滚动条不是元素。
谢谢
编辑:JSFiddle:http://jsfiddle.net/FGXnR/
最佳答案
作为解决方法,您可以尝试使用 handle
option并且仅使对话框可由不可滚动的部分拖动。 (标题或类似的东西。)
jsFiddle Example
@AlexFigueiredo 指出的另一个解决方案只涉及 wrapping the content / handle in a div
处理大小调整和滚动——这似乎阻止了将点击事件发送到句柄。
关于javascript - 使用jQuery UI Draggable,使用滚动条时如何避免拖动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8793236/