Question

It’s for a backbone application,
I’m using Jquery html() function to insert my views templates into the layout everywhere, and I would like to be able to trigger an event each time the html() function of jQuery is called to check the html of the page.

Is there a way to do that ?
( Like App.on(‘html’, blablabla…); )

Thank you !

Answer 1

As Marc B suggested DOM MutationEvents is available on some browsers (not many). By default jQuery does not fire any event when using html, but you can define your own behaviour for this, for example:

(function($) {
    var html_ref = $.fn.html;
    $.fn.extend({
        html : function() {
            $(document).trigger( 'html_change' );
            return html_ref.apply(this, arguments);
        }
    });
})($);

It should work, didn’t test it though. You can use the same with .text method. Now you can simply use:

$(document).bind( 'html_change', function() {
    // Hurray! Html changed!
});

That’s the idea, use it as you wish.