Jquery UI SELECTABLE，如何选择一个项目？

Question

有没有什么办法来定义，只有一个项目可以选择与jquery.selectable部件？

或者我必须执行一个捕获事件和操纵我的自我的工作环境会发生什么？

Answer 1

$("#myList li").click(function() { 
    $(this).addClass("selected").siblings().removeClass("selected"); 
}); 

Answer 2

我扩大了对Nirmal的答案限制鼠标选择的情况。另外，我觉得使用selected选项更清洁，而不是完全独立的事件处理程序。

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

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

Answer 3

我改进了mattblang的答案。兄弟姐妹能有后人也，所以更普遍的答案是：

$("#selectable").selectable({ 
    selected: function(event, ui) { 
     $(ui.selected).addClass("ui-selected").siblings().removeClass("ui-selected").each(
      function(key,value){ 
       $(value).find('*').removeClass("ui-selected"); 
      } 
     ); 
    } 
});