jquery-ui - Jquery UI SELECTABLE，如何只选择一项？

Question

有什么方法可以定义，使用 jquery.selectable 小部件只能选择一项吗？

或者我必须实现一个解决方法来捕获事件并由我自己操纵会发生什么？

Answer 1

我扩展了 Nirmal 的答案以限制鼠标选择情况。另外我觉得用selected比较干净选项而不是完全独立的事件处理程序。

$("#selectable").selectable({
    selected: function(event, ui) { 
        $(ui.selected).addClass("ui-selected").siblings().removeClass("ui-selected");           
    }                   
});

还有一个小问题。使用鼠标选择多个项目时，将始终选择最后一个项目。这是因为函数传入 selected选项针对每个选定的项目运行，我假设这些项目按项目顺序排列。理想情况下，将选择鼠标光标所在的项目。我没有解决这个问题，因为我主要只是在使用鼠标时想要一个多选约束。