jQuery UI:将可选择与可拖动相结合
我试图了解jqueryUI的selectable()和draggable()组件如何协同工作,这是一个很大的问题。
他们自己工作得很好。 我正在尝试创建一个文件浏览器类型界面,用户可以选择多个文件或将INDIVIDUAL文件拖到应用程序中的其他可放置位置。 我知道很多人一直在寻找拖动多个文件的方法,但目前这不是我的要求。
在提供的示例中,如果使用鼠标拖动选框框但是不再适用于简单的鼠标单击或crl单击以选择多个(启用可拖动时),则可选择工作。
示例: http : //jsbin.com/aguju4/3/edit
决定废弃可选择的插件并自己构建一个基本版本。 这两个似乎并不顺利。 我已经在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);