这只是一个简单的例子，而不是实际情况。
MutationObserver 仍然没有触发，所以我对其工作原理的假设是错误的。
JSFiddle
$(function() {
var editButtonVisibility = function() {
console.log('bam');
}
$('#RiskPostcodeSummary span').on("change", function() {
console.log("pew pew");
});
var observer = new MutationObserver(function(e) {
editButtonVisibility();
});
observer.observe($('#RiskPostcodeSummary span')[0], {
characterData: true
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="RiskPostcodeSummary">
<span></span>
</div>
<input type="button" value="click" onClick="$('#RiskPostcodeSummary span').text('sdfsdf');" />
为什么不是MutationObserver当我更改文本时触发<span>?
Adding childList: true解决问题。
From https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver:
childList：如果要观察目标节点的子元素（包括文本节点）的添加和删除，则设置为 true。
在您的示例中，您正在更改span元素。
console.log("-");
$(function() {
var editButtonVisibility = function() {
console.log('bam');
}
$('#RiskPostcodeSummary span').on("change", function() {
console.log("pew pew");
});
var observer = new MutationObserver(function(e) {
editButtonVisibility();
});
observer.observe($('#RiskPostcodeSummary span')[0], {
characterData: true,
childList: true
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="RiskPostcodeSummary">
<span></span>
</div>
<input type="button" value="click" onClick="$('#RiskPostcodeSummary span').text('sdfsdf');" />
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
