Wie limitiere ich die Menge von LI in der Verwendung von jquery

Question

Ich benutze die Jquery UI, um eine Drag & Drop-Favoriten UI zu entwickeln, ich möchte die Menge von LI (begrenzt auf 5) in einer bestimmten Region beschränkt und Ersetze die aktuellen, wenn ein Benutzer einen über den anderen fallen lässt. Wie kann das gemacht werden? Ich benutze derzeit eine modifizierte Version des Fotomanagers auf der jquery ui Seite.

Answer 1

können Sie überprüfen, wie viele LI's in der Region sind und ab 5+ ersetzen Sie die tatsächlichen LI's. Lets seen:

On Drop event: 
    if($("#region li").length<5){ 
     //do your normal drop handling 
    }else{ 
     //replace one of the actual li's with the dragged one 
    } 

ist das hilfreich?

Answer 2

Ich habe das kürzlich auf eine andere Art gemacht. Statt den Bereich abwerfbaren zu verhindern, würde ich nur ein Überschuss LI abholen, und fügen Sie sie nur durch Anhängen zurück das letzte Kind in den Pool der possibles zurück

$('#pool').append($('#container li:last-child')); 

Sehen Sie, ob dieser Ansatz Ihnen passt ..