Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jquerydraggable模式窗口中,当在draggable中的表上进行滚动时,如何防止拖动_Jquery_Scroll_Draggable_Modal Dialog - Fatal编程技术网

在jquerydraggable模式窗口中,当在draggable中的表上进行滚动时,如何防止拖动

在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对话框。我

我有一个jquery模式窗口,它是可拖动的。窗口内有一个表,其overflow-y设置为true。当我滚动表格时,窗口被拖动-如何防止滚动操作上的拖动。这是示例代码

 <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"
});