jQuery UI Selectables - начать перетаскивание из-за пределов объектов

Question

Я использую JQuery UI Slectable http://jqueryui.com/demos/selectable/

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

Есть ли способ включить его, чтобы пользователь мог инициировать перетаскивание за пределы объектов, доступных для выбора?

Answer 1

Прослушиватель событий мыши в «selectable» связан с элементом оболочки, к которому вы его прикрепили. Прикрепив его к корпусу и предоставив фильтр, вы можете получить то, что ищете.

На основе примера jQuery:

$('body').selectable({ filter: '#selectable li' });

* Edit: К сожалению из-за этого ._trigger ("стоп", событие); это остановит другие события на странице.

Лучшим решением может быть увеличение обертки вокруг выбираемых элементов. *

Answer 2

Такое поведение уже происходит, вы просто не можете его увидеть!

Просто настройте CSS для ul.selectable, чтобы он правильно содержал плавающие li.

#selectable{
    overflow: hidden;
}