jQuery UI Selectable - 单击时取消选择所选项目

Question

有没有人知道是否有办法配置一个jquery ui可选元素来单击它时取消选中所选元素？有点像切换.如果已选中,则取消选择,否则执行默认行为.

谢谢.

Answer 1

我回答你的问题已经很晚了,但是我还是要回答它,以便将其作为其他人的参考.

$( ".selector" ).bind( "mousedown", function ( e ) {
    e.metaKey = true;
} ).selectable();

这将允许您正在寻找的切换行为.

Answer 2

那么这就是我刚刚做的事情.我用类名来切换选择和取消选择.我很想知道是否还有其他选择:

$("#selectable").selectable({
    selected: function (event, ui) {
        if ($(ui.selected).hasClass('selectedfilter')) {
            $(ui.selected).removeClass('selectedfilter');
            // do unselected stuff
        } else {            
            $(ui.selected).addClass('selectedfilter');
            // do selected stuff
        }
    },
    unselected: function (event, ui) {
        $(ui.unselected).removeClass('selectedfilter');
    }
});