Jquery Initialize.js

jquery.initialize.js

// @link https://github.com/adampietrasiak/jquery.initialize
// @author Adam Pietrasiak
// @author Damien Bezborodov
;(function($) {
    var seen = []; // Tracks elements that have previously been initialized.

    // MutationSelectorObserver represents a selector and it's associated initialization callback.
    var MutationSelectorObserver = function(selector, callback) {
        this.selector = selector;
        this.callback = callback;
    }   

    // List of MutationSelectorObservers.
    var msobservers = []; 
    msobservers.initialize = function(selector, callback) {

        // Wrap the callback so that we can ensure that it is only
        // called once per element.
        callbackOnce = function() {
            if (seen.indexOf(this) == -1) {
                seen.push(this);
                $(this).each(callback);
            }   
        }   

        // See if the selector matches any elements already on the page.
        $(selector).each(callbackOnce);

        // Then, add it to the list of selector observers.
        this.push(new MutationSelectorObserver(selector, callbackOnce));
    };  

    // The MutationObserver watches for when new elements are added to the DOM.
    var observer = new MutationObserver(function(mutations) {

        // For each MutationSelectorObserver currently registered.
        for (var j = 0; j < msobservers.length; j++) {
            $(msobservers[j].selector).each(msobservers[j].callback);
        }   
    }); 

    // Observe the entire document.
    observer.observe(document.documentElement, {childList: true, subtree: true, attributes: true});

    // Handle .initialize() calls.
    $.fn.initialize = function(callback) {
        msobservers.initialize(this.selector, callback);
    };  
})(jQuery);