jQuery - DOMSubtreeModified 在 chrome 中不起作用

Question

我正在使用 DOMSubtreeModified 來監聽代碼中的類更改：

$(document).ready(function(){
    var $window = $(window),
        $body   = $("body"),
        $footer = $("#footer");

    $("#header.main p, #container").click(function(){
        $("#cat.main").toggleClass("open");
        $("#container").toggleClass("rotate");
        if (!$("#container").hasClass("rotate")) {
            $("#container").removeAttr("class");
        }
    });

    function resize() {
        if($body.height() < $window.height()){
            $footer.addClass("fixed");
        } else {
            $footer.removeAttr("class");
        }
        $('#cat.main').bind('DOMSubtreeModified propertychange', function(e) {
            if ($("#cat.main").hasClass("open")) {
                $footer.removeAttr("class");
            } else {
                $footer.addClass("fixed");
        }
        });
    }
    $window
        .resize(resize)
        .trigger("resize");
});

請注意，這在 chrome 中不起作用！ DOMSubtreeModified 的替代方案是什么？

需要明確的是，我也希望至少在 ie9 中也能工作。

Answer 1

感謝您的發帖。 根據我的經驗，它與瀏覽器無關。 我認為這段代碼也不適用於其他瀏覽器。 關於 DOMSubtreeModified 函數，請檢查“#cat.main”是否存在或由 AJax 或其他東西創建。 當此元素已存在於此頁面上時，此函數將運行。