प्रत्येक डोम परिवर्तन पर "जावास्क्रिप्ट" फायरिंग "पूर्ण"

Question

मुझे पता है कि इसे किसी भी तरीके से संभाला जा सकता है, लेकिन अभी तक, यह मुझे एक वास्तविक कठिन समय दे रहा है। मैं एक स्क्रिप्ट लिख रहा हूं और कुछ विशेष कार्यों को आग लगाना चाहता हूं जब एक डोम हेरफेर पूरा हो जाता है। मैं किसी अन्य स्क्रिप्ट को संशोधित/जोड़/हटा नहीं सकता (क्योंकि इसे कुछ ढांचे का उपयोग करके पृष्ठ में इंजेक्शन दिया जा सकता है)। पृष्ठ सामग्री लोड/संशोधित करने के लिए AJAX अनुरोध (jQuery में लागू नहीं किया गया है) का उपयोग कर रहा है। अब जब मैं प्रत्येक डीओएम संशोधन पूरा कर लेता हूं तो मैं एक घटना ट्रिगर करना चाहता हूं। मेरा वर्तमान दृष्टिकोण प्रत्येक DOMSubtreeModified ईवेंट पर फ़ंक्शन को आग लगाना है। इस

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

की तरह कुछ लेकिन इस दृष्टिकोण का दोष यह है, का कहना है कि ajax लोड एक कॉल में 10 तत्वों, तो प्रत्येक तत्व के लिए doSomeStuff निकाल रहा है। 10 वीं तत्व लोड होने के बाद यह केवल फायरिंग तक ही सीमित हो सकता है? $ (दस्तावेज़) .ready() घटना को रीसेट करने जैसा कुछ? इसलिए $ (दस्तावेज़) .ready() को हर बार तैयार किया जाता है जब डीओएम तैयार होता है (AJAX सामग्री लोड करने के बाद)

Answer 1

jQuery में, एक विधि ajaxComplete है, जो प्रत्येक समाप्त AJAX कॉल के बाद दिए गए फ़ंक्शन को कॉल करती है। अधिक here देखें।

मैं jQuery का उपयोग करने का सुझाव दूंगा या (यदि यह कोई विकल्प नहीं है) यह देखने के लिए कि यह कैसे किया जाता है, इस फ़ंक्शन के स्रोत कोड का विश्लेषण करें।

Answer 2

उत्परिवर्तन पर्यवेक्षक के साथ आप परिवर्तनों पर सुन सकते हैं और यदि ईवेंट को निकाल दिया गया है तो दस्तावेज़ बदल दिया गया था।

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

मैं जानता हूँ कि मैं पार्टी के लिए देर से एक सा है, लेकिन यह लग रहा है कि आप अपने doSomeStuff समारोह Debounce कर सकते हैं की तरह। यदि आप अंडरस्कोर.जेएस पर निर्भरता पेश करने का विरोध नहीं कर रहे हैं, तो इसका अच्छा debounce फ़ंक्शन है।