如何使用JQuery UI可选择限制可选元素？

好吧 假设我有以下代码段：

 
A
 
B
 
C
 
D
 
E
 
F
  

现在，让我说我已经表演了：

 $('.content').selectable( {} ); 

我的困难：

比方说，任何时候我拖动，因此套索工具出现，我只想要选择4个div – 我仍然可以在选择4之后扩展套索，但不应选择套索hover的后续div。 所以说div的外观是从左到右，

ABCDEF

套索从A开始，我向右移动 – 在覆盖D时，它达到4的极限 – 当我将鼠标hover在E和F上时，这些现在不应该是可选择的。

Answer 1

绑定到选择事件并取消它，如果已经有4个选定项目。

 $( "#selectable" ).selectable({ selecting: function(event, ui) { if ($(".ui-selected, .ui-selecting").length > 4) { $('.ui-selecting').removeClass("ui-selecting"); } } }); 

编辑：更正了代码片段，因为我刚刚从iPad上捅了一下。 这里有一个你想要的工作jsfiddle： http ： //jsfiddle.net/fordlover49/MRphL/