我的代码允许我选择所有项目，但我最多只能选择5个项目，该怎么做？
$("#selectable").selectable({
selected: function(event, ui) {
if (!$(ui.selected).hasClass('ui-selected selected-flag')) {
$(ui.selected).addClass('ui-selected selected-flag');
} else {
$(ui.selected).removeClass("ui-selected selected-flag");
}
}
});
最佳答案
为此，您可以选择具有这些类的元素，并检查该选择器的length是否已经为5，然后不执行任何操作。
还要注意，您当前的if语句可以简化为仅调用toggleClass()。
$("#selectable").selectable({
selected: function(event, ui) {
if ($('.ui-selected.selected-flag').length < 5) {
$(ui.selected).toggleClass('ui-selected selected-flag');
}
}
});