在jquerydraggable模式窗口中,当在draggable中的表上进行滚动时,如何防止拖动
我有一个jquery模式窗口,它是可拖动的。窗口内有一个表,其overflow-y设置为true。当我滚动表格时,窗口被拖动-如何防止滚动操作上的拖动。这是示例代码在jquerydraggable模式窗口中,当在draggable中的表上进行滚动时,如何防止拖动,jquery,scroll,draggable,modal-dialog,Jquery,Scroll,Draggable,Modal Dialog,我有一个jquery模式窗口,它是可拖动的。窗口内有一个表,其overflow-y设置为true。当我滚动表格时,窗口被拖动-如何防止滚动操作上的拖动。这是示例代码 <div id="container"> <table style="overflow-y:auto;"> </table> </div> $('#container').draggable(); 表格上的滚动事件如何防止在窗口上拖动?有人能帮忙吗。使用jQueryUI对话框。我
<div id="container">
<table style="overflow-y:auto;"> </table>
</div>
$('#container').draggable();
表格上的滚动事件如何防止在窗口上拖动?有人能帮忙吗。使用jQueryUI对话框。我的对话框中有可滚动的内容,效果很好 编辑 但是,可能是因为您正在检查对话框中的任何位置是否有鼠标按下,然后鼠标按下会触发移动 您需要确保拖动事件仅在对话框的标题上触发
<div id="container">
<div style=""height:30px" id="title">this is the title</div>
<table style="overflow-y:auto;"> </table>
</div>
$('#title').click(function(){$('#container').draggable();})
未测试,但目的应该明确使用jQuery UI中的cancel属性可拖动:
谢谢格雷格斯。我可以通过使用draggable的handle选项将拖动限制为仅在标题上触发来解决这个问题。但我需要窗口可以从对话框的任何地方拖动,除了在表上执行滚动操作时。有什么建议吗?第一次编辑限制只能从标题窗口拖动。除了在表格上滚动外,我如何从窗口中的任何位置拖动?
$("#container").click(
function(){
if ($(this).tagName == "div")
$(this).draggable();
}
);
<div id="container">
<table style="overflow-y:auto;" id="tableID"> </table>
</div>
$(".container").draggable({
cancel : ".tableID"
});