如何聆聽“事后”事件？

Question

我通過JQuery動態添加一個新元素，代碼如下所示：

$('#example').after("<p class='xx'></p>")

在調用此代碼並添加“ xx”元素后，我想運行其他代碼。 該事件發生時如何“收聽”並接聽？

謝謝

Answer 1

您可以為此使用Mutation Observer 。

下面的演示是參考示例的簡單快速改編。

 $(document).ready(function(){ var targetNode = document.getElementById('some-id'); var config = { attributes: true, childList: true, subtree: true }; var callback = function(mutationsList, observer) { for(var mutation of mutationsList) { if (mutation.type == 'childList') { console.log('A child node has been added or removed.'); } } }; var observer = new MutationObserver(callback); observer.observe(targetNode, config); $('#example').after("<p class='xx'>I am a paragraph inserted by a script.</p>"); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="some-id"> <p id="example">I'm a static paragraph.</p> </div>