Jquery append() işlevi eşzamansız davranıyor mu?

Question

Bu konuda çelişen kabul edilmiş yanıtlarla birlikte bir dizi yayın (append supposedly immediate) gördüm. Biz asenkron edilebilir görülüyor (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js) JQuery 1.4 kullanılarak ve) (ekleme ediyoruz, öyle ki:

Düzenlendi AJAX geri arama bağlamında

... 
var message = $.ajax({ 
    type: "GET", 
    url: "/getVolumes/" + _Id, 
    async: false 
}).responseText; 
if (parseInt(message) != 0){ 
    var $results = $(message); 
    $MAIN_DIV.append($results); 
    retrieveTargets(); 
} 
...  
function retrieveTargets(){ 
    var $targets = $(".resultTargets"); 
} 

çalıştırır kod göstermek ve oluşturur Sayfa beklendiği gibi, henüz hedef sorguları çalışma zamanında hiçbir şey vermez. JS konsolunda aynı kodu çalıştırmak öğeleri beklendiği gibi alır.

Bu, JQuery'de beklenen davranışsa, ekleme bitinceye kadar beklemenin doğru yolu nedir?

Answer 1

Tüm yorumlar bu sorunun giderilmesine yardımcı oldu. Konsolda kırmızı bir ringa balığı izliyordum. sorun uyumsuzluùundan değildi, o bir sonraki çizgilerle oldu:

$targets.each(function(){ 
    ... 
    this.html(); 
    ... 

Kısacası

$(this).html(); 

olmak Gereken herkes doğruydu. Jquery append() senkronize şekilde davranır.

Answer 2

append'dan sonra işler çalışmazsa, bunu deneyin.

$('#dynamic-container').append(<your-content>) ; 
setTimeout(function() { 
    ...code which addresses elements inside #dynamic-container... 
},0) ; 

Detaylar:

• Görünüşe append özellikle Google Chrome'da, Görünüşe DOM eşzamanlı güncelleme yok
• senkron, ben bir div yüksekliğini alınmaya çalışılırken bu sorunla karşı karşıya Bir append
• 'dan sonra varsayımım, senkronize olmayan şekilde güncellenen tarayıcı güncelleme iş parçacıkları olduğunu, aşağıdakilerle ilgili daha fazla yorum olduğunu, yine de, ork, ama çözüm benim için her durumda çalışıyor.