jQuery - DOMSubtreeModified not working in chrome

Question

i'm using the DOMSubtreeModified for listening to class change in my code:

$(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");
});

and just notice that is not working in chrome! what's the alternative to DOMSubtreeModified?

to be clear i want something to work at least in ie9 too .

Answer 1

Thanks for your posting. In my experience , it is not related to Browser. I think this code is not working in other browsers too. Regarding to DOMSubtreeModified function, please check if "#cat.main" exists or created by AJax or something. This function will be running when this element exists on this page already.