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
        }    
    }
);