在jQuery的可拖動模態窗口如何防止拖動滾動時完成表內可拖動

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的可拖動：

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

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