jQuery UI :可选与可拖相结合

Question

我想弄清楚可选()和draggable() jqueryUI的组件是如何协同工作的，我遇到了一个大问题。

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

在提供的示例中，如果使用鼠标拖动框，但不再适用于简单的鼠标单击或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);