JQuery拖動/滾動/溢出問題

Question

我有一個滾動：自動問題與JQuery 1.4.2和JQuery 1.7.2。我有一個帶有2個DIV的容器DIV。就像這樣：

<div id="dragContain"> 

<div id="dragMe"> 
    <div>Title goes here!</div> 
    <div style="scrolling:auto;">Content goes here!</div> 
</div> 

</div> 

並啓用拖動組：

$('#dragMe').draggable({ 
    containment: '#dragContain', cursor: 'move', zIndex: 20000 
}); 

而且，當我這樣做，在FF只有滾動鼠標滾輪工作。抓取滾動條會導致拖動事件並移動組。它在IE中正常工作。

有什麼方法可以糾正嗎？我可以只讓標題欄成爲拖動父div的抓手嗎？

謝謝！

Answer 1

您可以嘗試使用手柄。因此，用戶將拖放h2元素而不是整個#dragMe。

$('#dragMe').draggable({ 
    containment: '#dragContain', cursor: 'move', zIndex: 20000, handle: 'h2' 
}); 

。

<div id="dragContain"> 

<div id="dragMe"> 
    <h2>Title goes here!</h2> 
    <div style="scrolling:auto;">Content goes here!</div> 
</div> 

</div> 

Answer 2

或者使用滾動條在選擇器上使用CANCEL以防止在該對象上發生拖動。

例子： http://jqueryui.com/demos/draggable/handle.html