Проблема перетаскивания/прокрутки/переполнения JQuery

У меня проблема с прокруткой: автоматическая с JQuery 1.4.2 и JQuery 1.7.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?

Спасибо!


scroll jquery overflow jquery-ui
person Erick    schedule 21.02.2010    source источник

Ответы (2)


arrow_upward
7
arrow_downward

Вместо этого вы можете попробовать использовать ручку. Таким образом, пользователь будет перетаскивать элемент 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>
person Ben Shelock    schedule 21.02.2010
comment
Потрясающий! Это сделало это. Большое тебе спасибо! - person Erick; 22.02.2010

arrow_upward
2
arrow_downward

Или используйте CANCEL на селекторе с полосами прокрутки, чтобы предотвратить перетаскивание этого объекта.

Пример: http://jqueryui.com/demos/draggable/handle.html

person brian    schedule 25.03.2011