jQuery Draggable показывает помощник в неправильном месте после прокрутки страницы

Question

Я использую jQuery draggable и droppable для разрабатываемой системы планирования работы.Пользователи перетаскивают задания на другой день или пользователя, а затем данные обновляются с помощью вызова ajax.

Все работает нормально, за исключением случаев, когда я прокручиваю главную страницу (задания появляются на большом недельном планировщике, который превышает дномоего окна браузера).Если я попытаюсь перетащить сюда перетаскиваемый элемент, он появится над моим курсором мыши с тем же количеством пикселей, что и при прокрутке вниз. Состояние наведения по-прежнему работает нормально, а функциональность включена, но выглядит неправильно.

Я использую jQuery 1.6.0 и jQuery UI 1.8.12.

Я уверен, что мне нужно добавить функцию смещения, но я не знаю, где ее применить,или если есть лучший способ.Вот мой .draggable() код инициализации:

$('.job').draggable({
  zIndex: 20,
  revert: 'invalid',
  helper: 'original',
  distance: 30,
  refreshPositions: true,
});

Есть идеи, что я могу сделать, чтобы это исправить?

Answer 1

Я вышел, используя перетаскиваемый jQueryUi, и перешел на использование лучшего плагина с именем jquery.even.drag , гораздо меньшего размера кода, без всего дерьма, которое имеет jQueryUI.

Я создал демонстрационную страницу, используя этот плагин внутри контейнера, который имеет положение: fixed

Демо

Надеюсь, это кому-нибудь поможет, потому что эта проблема БОЛЬШАЯ.