Question

我的代码允许我选择所有项目，但是我最多只能选择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");
    }        
  }    
});

Answer 1

要实现此目的，您可以选择具有这些类的元素，并检查该选择器的length是否已经5，然后不执行任何操作。

还请注意，您当前的if语句可以简化为仅调用toggleClass()。

$("#selectable").selectable({
  selected: function(event, ui) {  
    if ($('.ui-selected.selected-flag').length < 5) {
      $(ui.selected).toggleClass('ui-selected selected-flag');
    }
  }    
});

如何限制jQuery可选倍数以选择最大5个范围？

1 个答案: