jQuery listeyi listenin sonuna getirin

Question

Bu listeyi sıralayabileceğiniz şekilde sıralayabilirim. Sıralama bittiğinde li öğesini class .neutral ile listenin sonuna nasıl taşıyabilirim?

$(".thumbs").sortable({ 
    stop: function(event, ui) { 
     // move .neutral at the end of this list 
    } 
}); 

<ul class="thumbs"> 
    <li>red</li> 
    <li>green</li> 
    <li class="neutral">none</li> 
    <li>yellow</li> 
    <li>blue</li> 
<ul> 

Answer 1

Sen ekleyebilirsiniz onlara bu gibi .appendTo() ile listenin sonuna (hareketli):

$(".thumbs").sortable({ 
    stop: function(event, ui) { 
     $(this).find('.neutral').appendTo(this); 
    } 
}); 

You can give it a try here, bu içindeki tüm .neutral unsurları alır ve hangi this onları ekler ul.thumbs şu anda buradayız, bu da çok sayıda bağımsız küçük resim listesi için çalışacaktır.

Answer 2

eşdeğer şöyle olur:

$(".neutral").appendTo(".thumbs"); 
OR 
$(".thumbs").append(".neutral"); 

için seçip ekleme veya başka bir yerde ekleyerek bu sayfanın etrafına bir öğe taşıyabilirsiniz.

NB: konuya dikkat edin - sınıflar kullanıyorsanız ve bu UI bir sayfada birden çok kez görüntüleniyorsa, yukarıdaki seçicilerin durdurma işlevine iletilen ui parametresini kullanarak geçerli örneğe genişletilmesi gerekir.