JQuery проблема перетаскивания / прокрутки / переполнения - PullRequest
Новая
       7

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

1 голос
/ 21 февраля 2010

У меня прокрутка: авто проблема с 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?

Спасибо!

Ответы [ 2 ]

7 голосов
/ 21 февраля 2010

Вместо этого вы можете попробовать использовать ручку. Таким образом, пользователь будет перетаскивать элемент 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>
2 голосов
/ 25 марта 2011

Или используйте ОТМЕНА на селекторе с полосами прокрутки, чтобы предотвратить перетаскивание этого объекта.

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

...