jQuery 当 div 的内容发生变化时调用函数

Question

我有一个跨度:

<span class="basket_amount">65.70</span>

此跨度通过外部脚本更新。如果金额发生变化，我想触发 JavaScript 函数。

$(document).ready(function(){
    $('.basket_amount').on('change', function() {
        versandkosten();
    });  
});

目前还不起作用。但为什么呢？

非常感谢!

Answer 1

接受的答案使用 DOMSubtreeModified 事件，该事件现已弃用。

这是使用其替代品 MutationObserver 对象的更新答案。

$(document).ready(function(){
var observer = new MutationObserver(function(e) {versandkosten();});
observer.observe($('.basket_amount')[0], {characterData: true, childList: true});
});

fiddle 样本https://jsfiddle.net/9our3m8a/257/

另请参阅https://javascript.info/mutation-observer