jQuery + Sortable + live

Question

Liste öğelerini dinamik olarak $ .get ile bir sayfaya ekliyorum ve ardından OL öğesine ekliyorum. Bu noktaya oldukça normal.

Ancak jQuery, sayfaya yüklendiklerinde bu yeni öğelerin farkında değildir ve bunları sıralanabilir hale getiremiyorum.

jQuery Live ile bazı denemeler yapılmış, ancak bir sonuç elde edemedik

Answer 1

.sortable() ait refresh yöntem .sortable() fonksiyonları ile eklenmiş DEĞİLDİR li 's tanımak görünmüyor.

.sortable() başlatma kodunuzu, belgeye hazır olarak çağırdığınız bir işleve VE li 'lerin dinamik olarak eklediğiniz kodu girmeye çalışın.

yerine:

jQuery(document).ready(function() { 
    jQuery("#mySortableOL").sortable({ 
     ... 
    }); 
} 
... 
jQuery("#mySortableOL").append(...); 
jQuery("#mySortableOL").sortable("refresh"); 

gibi bir şey deneyin: Bu çözümü ve benim için iyi çalışıyor bulundu

jQuery(document).ready(function() { 
    jQuery("#mySortableOL").doSort(); 
} 
... 
jQuery("#mySortableOL").append(...); 
doSort(); 
... 
function doSort(){ 
    jQuery("#mySortableOL").sortable({ 
     ... 
    }); 
} 

Answer 2

Eğer ('yenileme') .sortable denedin mi ... bu katiyen? http://docs.jquery.com/UI/Sortable#method-refresh

Answer 3

kodunuzun kuyruk ucunda, tüm parametrelerinizle birlikte .sortable({}); ekleyiniz. Muhtemelen bir işlev veya bir şey kullanarak kodunuzu çoğaltmadan bunu yapmak için bir yol var, ama en azından bu çalışır.

$('#List').live('click',function(e){ 

var myHTMLcode = '<li>New Item</li>' 

myHTMLcode.appendTo('#List').sortable({ 
items : 'li', 
axis : 'xy',  

update : function(event, ui){SPECIFIC Sortable FUNCTION CODE HERE}).fadeIn(); 
)}; 

Answer 4

.

makesortable = function(){ 
     $("#mylist").sortable({ 
      ... 
     }) 
     }; 
... 
// after list refresh : 
makesortable();