javascript - 使用jQuery UI Draggable,使用滚动条时如何避免拖动?

标签 javascript jquery jquery-ui modal-dialog draggable

很久以前,我在我的应用程序中创建了一个对话框。该对话框非常简单,位置绝对,通过 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/

相关文章:

javascript - 为什么我的调整器栏没有变绿?

javascript - 回调函数没有获取到数据

javascript - 用于匹配星号、波浪号、破折号和方括号的正则表达式

c# - ASP.NET 通用处理程序和 session

javascript - 简单的 jQuery droppable 不工作

javascript - 更新 beforeShowDay 中的日期选择器工具提示

Javascript 正则表达式 : Match between ']' and ' - ' , 错误:量词无效

javascript - 防止 <label></label> 调整大小

jquery - 如何删除没有 ID/Class 但基于其 scr 的 iframe

javascript - 在 div 和幻灯片内容之间切换