jQuery UI：将Selectable与Draggable相结合

Question

我在试图了解jqueryUI的 selectable（）和 draggable（）组件如何协同工作时遇到了一个大问题。

他们自己工作得很好。我正在尝试创建一个文件浏览器类型界面，用户可以选择多个文件或将 INDIVIDUAL 文件拖到应用程序中的其他可放置位置。我知道很多人一直在寻找拖动多个文件的方法，但目前这不是我的要求。

在提供的示例中，如果使用鼠标拖动选框框但是不再适用于简单的鼠标单击或crl单击以选择多个（当启用可拖动时），则可选择工作。

示例： 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);