JQuery UI Selectable（）：检查是否只选择了一个元素

Question

如何在使用JQuery UI的selectable()时检查是否仅选择了一个元素？ 所以如果我只点击一个元素并选择它，就会显示一个警告框。但是，如果我使用套索选择多个项目，则警示框将不会显示。

$('#area').selectable({ 
    selected: function (event, ui) 
    { 
     //if number of selected elements=1: 
     //do something 

    } 
); 

我该怎么做？

Answer 1

使用length属性来检查的项目选择的号码：

$('#area').selectable({ 
    selected: function (event, ui) { 
     if ($('.ui-selected').length === 1) { 
      //only one selected 
     }  
    } 
);