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