非表单元素的jQuery更改事件

Question

我正在寻找某种change事件,但对于非形式元素.

问题:
我有一个table在那里tr标签是由另一个脚本动态地改变.Tr元件是由改变display:block到display:none或反之亦然.

我需要这样的东西:

事件将列出tr我的任何更改table(无论是显示none还是block),并且在任何更改之后脚本将检查是否所有trs都设置为display:none,如果为true则执行某些操作.

Answer 1

DOM更改不会触发事件.您可以选择更新修改DOM的代码以发送自定义事件,或轮询更改.第一个选项最简单,可以看起来像这样:

// Add an event listener for change events
$(document).bind("modified", function() {
    alert("Someone modified " + this);
});

// Modify a table and trigger an event for it
$("#yourTable").css("display", "block").trigger("modified");

轮询选项会较慢,不建议使用.最小的例子:

setInterval(function() {
    var $table = $("#yourTable");
    if ($table.css("display")!="block") {
        alert("The table changed!");
    }
}, 500);

这将每500毫秒检查一次你的表.