jquery - 如何防止 jQuery UI Selectable 插件中的多重选择

Question

我正在使用 jQuery UI 可选插件。我想一次选择一项。但是 jQuery UI Selectable 插件允许通过单击/拖动/按住 CTRL 键进行多重选择。有什么办法可以防止多重选择吗？

Answer 1

我所做的是，我允许多项选择，但是当选择完成后，我只保留第一个元素被选中

<ul id="select">
    <li>Row 1</li>
    <li>Row 2</li>
    <li>Row 3</li>
</ul>

这将选择除第一个元素之外的所有选定元素并删除选定状态。所以最后只会选择一个元素。 event.target 对应于我的 ul 元素。

$('#select').selectable({
    stop:function(event, ui){
        $(event.target).children('.ui-selected').not(':first').removeClass('ui-selected');
    }
});

我知道这个主题有点旧，但我仍然偶然发现它，所以它对其他人可能有用