Question

我有一个滚动：JQuery 1.4.2和JQuery 1.7.2的自动问题。我有一个容器DIV，里面有2个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以防止在该对象上发生拖动。