使用jQuery UI Draggable,如何在使用滚动条时避免拖动?
很久以前我在我的应用程序中创建了一个对话框。 对话框非常简单,位置绝对,通过javascript在屏幕中居中。
现在我已经将jQuery UI添加到应用程序中,但我不想仅仅因为它们的工作方式不同而使用jQuery UI的对话框。 但我确实使用jQuery UI使我的对话框可以拖动,因为它非常简单:
$('#dialog').draggable();
有一个问题,我的一些对话框有滚动条。
但是使用draggable方法,如果有滚动条,它就会出错,因为它会拖动对话框。
有没有办法让对话框在使用滚动条时不拖动?
我注意到有一些方法可以避免拖动元素,但滚动条不是元素。
谢谢
编辑:JSFiddle: http : //jsfiddle.net/FGXnR/
作为一种变通方法,您可以尝试使用handle
选项,并且只能通过不可滚动的部分使对话框可拖动。 (标题或其他一些。)
jsFiddle示例
@AlexFigueiredo指出的另一个解决方案涉及将内容/句柄包装在处理大小调整和滚动的div
中 – 这似乎阻止了将click事件发送到句柄。
- 使用draggables和resizables删除Jquery div
- 限制jquery可拖动以仅保留在圆的路径上
- jQuery draggable(’cancel’)导致错误:this.helper为null
- Fullcalendar:draggable对象拒绝fullcalendar为droppable,即使fullcalendar接受drop
- 如何在使用jQuery UI .draggable时禁用webkit浏览器中的文本选择?
- jQuery:创建一个圆形滑块
- JQuery draggable – 没有重叠
- Jquery Live and Draggable
- 可信的div中的HTML5可拖动元素 – 在第一次掉落后停止工作 – 为什么?