Пользовательский интерфейс jQuery: сочетание выбора с перетаскиванием

Question

У меня есть большая проблема, пытаясь понять, как компоненты selectable () и draggable () jqueryUI могут работать вместе.

Они прекрасно работают сами по себе.Я пытаюсь создать интерфейс типа файлового браузера, чтобы пользователи могли выбирать несколько файлов или перетаскивать INDIVIDUAL файлы в другие места приложения.Я знаю, что многие люди искали способы перетаскивания нескольких файлов, но в данный момент это не является обязательным требованием для меня.

В приведенном примере выбираются работы, если используется поле выделения мышью, но оно больше не работаетдля простых щелчков мыши или щелчка мыши, чтобы выбрать несколько (когда включено перетаскивание).

ПРИМЕР ЗДЕСЬ: http://jsbin.com/aguju4/3/edit

Answer 1

Решил отказаться от выбираемого плагина и собрать базовую версию самостоятельно. Кажется, эти двое не очень хорошо ладят. Я основал свое собственное выбираемое решение на кликах live (), чтобы оно не конфликтовало с перетаскиваемыми событиями кликов.

Answer 2

Вы можете просто использовать событие mousedown, чтобы вручную сделать выбранные элементы.

var mouseDownCallback = function(e) {

    if (e.ctrlKey==0) $('#your-container').children().removeClass('ui-selected');

    $(this).addClass('ui-selected');

}
$('#your-container').on('mousedown','.item', mouseDownCallback);