Her DOM değişikliğinde javascript olayı tetikleniyor "complete"

Question

Bunun bir şekilde ele alınabileceğini biliyorum, ancak şu andan itibaren, bu bana gerçekten zor bir zaman veriyor. Bir betik yazıyorum ve bir DOM manipülasyonu tamamlandığında bazı özel işlevleri kovmak istiyorum. Başka bir betiği değiştiremez/ekleyemez/kaldıramaz (bazı çerçeveyi kullanarak sayfaya enjekte edilebileceğinden). Sayfa, içeriği yüklemek/değiştirmek için ajax istekleri (jQuery'de uygulanmadı) kullanıyor. Şimdi her DOM modifikasyonu tamamlandığında bir olayın tetiklenmesini istiyorum. Şu anki yaklaşımım, her DOMSubtreeModified olayında işlevi tetiklemektir. Bu

$(document).bind('DOMSubtreeModified', doSomeStuff); 

gibi bir şey Fakat bu yaklaşımın dezavantajı, bir çağrı içinde 10 element, daha sonra her element için doSomeStuff ateşlenir ajax yükler diyelim. Bu sadece 10. öğe yüklendikten sonra ateşleme ile sınırlı olabilir mi? $ (Document) .ready() etkinliğini sıfırlamak gibi bir şey var mı? böylece $ (document) .ready() her AJAX çağrısını bittikten sonra belli bir işlevini çağıran bir yöntem ajaxComplete vardır, DOM jQuery yılında

Answer 1

(yükleme ajax içeriği sonra) hazır her zaman ateşlenir. Diğer here.

jQuery'yi kullanmanızı öneririm (veya bu bir seçenek değilse), bu işlevin kaynak kodunu orada nasıl yapıldığını görmek için analiz eder.

Answer 2

Mutasyon Gözlemcisi ile değişiklikleri dinleyebilir ve etkinlik gerçekleşirse belge değiştirildi.

MutationObserver = window.MutationObserver || window.WebKitMutationObserver; 

var observer = new MutationObserver(function(mutations, observer) { 
    // Add the actions to be done here if a changes on DOM happened 
    console.log(mutations, observer); 

}); 

// Register the element root you want to look for changes 
observer.observe(document, { 
    subtree: true, 
    attributes: true 
}); 

Answer 3

Ben partiye biraz geciktim biliyorum ama sizin doSomeStuff fonksiyonunu sektirilmesini isteyebilirsiniz gibi geliyor. Underscore.js'ye bağımlılık getirmeye karşı değilseniz, güzel bir debounce işlevine sahiptir.