用jQuery檢測變量變化

Question

我對服務器進行AJAX調用，以讀取文件並取回該值作為響應。 如果請求成功，那么我將<p>元素中的innerHTML替換為帶有響應值的id output 。 現在，如果值已更改，我會嘗試每次發出警報。 我嘗試將事件添加到<p>元素中，以便可以檢測變量是否已更改並觸發我的函數：

<p id="output"></p>

<script>
    $("#output").change(function() {
        alert("HELLO WORLD!");
    });
</script>

沒有出現alert() 。

Answer 1

更改元素的text / HTML值不會引發事件。 您將需要手動觸發一個。 例如：

// in the $.ajax success handler:
$('#output').trigger('contentchanged');

// event handler
$("#output").on('contentchanged', function() {
    alert("HELLO WORLD!");
});

您也可以為此使用Mutation Observer ，但是請注意，較舊的瀏覽器（例如IE10及更低版本）不支持它們。

Answer 2

根據您描述的邏輯，僅當ajax成功時才更改內容。 如果是這樣，最干凈的解決方案難道不是在ajax成功中運行您期望在內容更改時運行的功能嗎？