在jquery draggable模式窗口中，如何在draggable中的表上滚动时防止拖动

Question

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

 <div id="container">
<table style="overflow-y:auto;"> </table>
</div>

$('#container').draggable();

在桌面上滚动事件如何防止拖动窗口？有人可以帮忙。

Answer 1

使用jQueryUI对话框。我的对话框中有可滚动的内容，效果很好。

http://jqueryui.com/demos/dialog/

修改

然而，也许是因为你正在对话框中的任何地方检查鼠标，然后触发移动。

您需要确保只在对话框的标题上触发拖动事件。

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

编辑2

$("#container").click(
  function(){
    if ($(this).tagName == "div")
      $(this).draggable();
  }
);

未经测试，但意图应该是明确的

Answer 2

从 jQuery UI draggable 中使用取消属性：

<div id="container">
    <table style="overflow-y:auto;" id="tableID"> </table>
</div>

$(".container").draggable({
    cancel : ".tableID"
});