Javascript jQueryUI:可选择与可拖动相结合

Javascript jQueryUI:可选择与可拖动相结合,javascript,jquery,jquery-ui,draggable,Javascript,Jquery,Jquery Ui,Draggable,我在想jqueryUI的selective()和draggable()组件如何协同工作时遇到了一个大问题 他们自己干得很好。我正在尝试创建一个文件浏览器类型的界面,用户可以选择多个文件或将单个文件拖动到应用程序中的其他可拖放位置。我知道很多人一直在寻找拖动多个文件的方法,但这不是我目前的要求 在所提供的示例中,如果使用鼠标拖动选框,则“可选”可以工作,但不再适用于简单的鼠标单击或crl单击以选择多个(当启用“可拖动”时) 这里的示例: 决定放弃可选择的插件,自己构建一个基本版本。这两个人似乎相处

我在想jqueryUI的selective()draggable()组件如何协同工作时遇到了一个大问题

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

在所提供的示例中,如果使用鼠标拖动选框,则“可选”可以工作,但不再适用于简单的鼠标单击或crl单击以选择多个(当启用“可拖动”时)

这里的示例:

决定放弃可选择的插件,自己构建一个基本版本。这两个人似乎相处得不太好。我将自己的可选解决方案基于live()单击,这样就不会与可拖动的单击事件冲突。

决定放弃可选插件,自己构建一个基本版本。这两个人似乎相处得不太好。我将自己的可选解决方案基于live()单击,这样就不会与可拖动的单击事件冲突。

您可以使用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);

您可以使用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);

这可能会有所帮助,但在Chrome中似乎不起作用:决定放弃可选插件,自己构建一个基本版本。这两个人似乎相处得不太好。我将自己的可选解决方案建立在live()点击的基础上,这样就不会与可拖动的点击事件发生冲突。这可能会有所帮助,但在Chrome中似乎不起作用:我决定放弃可选插件,自己构建一个基本版本。这两个人似乎相处得不太好。我将自己的可选解决方案建立在live()单击的基础上,这样它就不会与可拖动的单击事件冲突。您介意传播您的解决方案吗?我也有同样的问题。谢谢同样的问题,看到他们打得不好很沮丧。你介意推广你的解决方案吗?我也有同样的问题。谢谢同样的问题,看到他们打得不好很沮丧,看到了吗