Limitarea elementelor dintr-un sortable (interface)

Eu sunt utilizator de jQuery și mulți știu asta. Dar deoarece atât UI 1.0 cât și 1.5beta fie nu s-au „mulat” după nevoile mele, fie eram într-un stadiu prea avansat cu Interface pentru a face „upgrade”, am renunțat și am rămas la vechiul, dar bunul (parcă ar fi vin ) Interface (site-ul este momentan down, dar am arhiva ).

Eh, și cum foloseam eu Interface, acum vreo lună-două, m-am lovit de o problemă căreia nu i-am dat prea multă importanță: cum limitez câte elemente are un sortable? Am stat puțin, am căutat pe goole, fără succes însă și am lăsat-o baltă, mai ales că proiectul era pus pe hold. În ziua de azi însă, proiectul este în floare, se lucrează în draci și a trebuit să revin asupra problemei. După câteva ore de căutări pe google și pe o mulțime de liste de discuții, timp în care îmi pierdeam speranța că ar putea fi posibil așa ceva, îmi vine în cap o idee genială: de ce să nu întreb direct la sursă?

Mi-am luat inima în dinți și am vorbit cu Eyecon, i-am expus problema și în mai puțin de cinci minute mi-a dat rezolvarea:

	 
$('.sort').Sortable({
accept : 'sortItem',
activeclass : 'sortableactive',
	hoverclass : 'sortablehover',
	helperclass : 'sorthelper',
	opacity: 	0.5,
	fit :	false,
	floats:	true,
	onStart: function(){
	console.log($('#big .sortItem').size())
	if ($('#big .sortItem').size() == 3) { //numărul maxim de elemente acceptate
		console.log($('#big').get(0).dropCfg.a)
		$('#big').get(0).dropCfg.a = 'dummyRandom';
	} else {
		$('#big').get(0).dropCfg.a = 'sortItem';
	}
}
});

Și gata Și demo aici (click!).

Berea se duce direct la Eyecon