|
11 | 11 | "use strict"; |
12 | 12 |
|
13 | 13 | // MutationSelectorObserver represents a selector and it's associated initialization callback. |
14 | | - var MutationSelectorObserver = function (selector, callback) { |
| 14 | + var MutationSelectorObserver = function (selector, callback, options) { |
15 | 15 | this.selector = selector; |
16 | 16 | this.callback = callback; |
| 17 | + this.options = options; |
17 | 18 | }; |
18 | 19 |
|
| 20 | + // List of mutation types that are observable. |
| 21 | + var mtypes = ['childList', 'attributes']; |
| 22 | + |
19 | 23 | // List of MutationSelectorObservers. |
20 | 24 | var msobservers = []; |
21 | | - msobservers.initialize = function (selector, callback) { |
| 25 | + msobservers.initialize = function (selector, callback, options) { |
22 | 26 |
|
23 | 27 | // Wrap the callback so that we can ensure that it is only |
24 | 28 | // called once per element. |
|
34 | 38 | $(selector).each(callbackOnce); |
35 | 39 |
|
36 | 40 | // Then, add it to the list of selector observers. |
37 | | - this.push(new MutationSelectorObserver(selector, callbackOnce)); |
| 41 | + this.push(new MutationSelectorObserver(selector, callbackOnce, options)); |
38 | 42 | }; |
39 | 43 |
|
40 | 44 | // The MutationObserver watches for when new elements are added to the DOM. |
41 | 45 | var observer = new MutationObserver(function (mutations) { |
42 | 46 |
|
43 | 47 | // For each MutationSelectorObserver currently registered. |
44 | 48 | for (var j = 0; j < msobservers.length; j++) { |
45 | | - $(msobservers[j].selector).each(msobservers[j].callback); |
| 49 | + if (msobservers[j].options.scanDocument) { |
| 50 | + |
| 51 | + // Scan the entire document. |
| 52 | + $(msobservers[j].selector) |
| 53 | + .each(msobservers[j].callback); |
| 54 | + } else { |
| 55 | + |
| 56 | + // For each mutation. |
| 57 | + for (var m = 0; m < mutations.length; m++) { |
| 58 | + // If mutation type is observed. |
| 59 | + if ($.inArray(mutations[m].type, mtypes) != -1) { |
| 60 | + for (var n = 0; n < mutations[m].addedNodes.length; n++) { |
| 61 | + $(mutations[m].addedNodes[n]).find(msobservers[j].selector) |
| 62 | + .addBack(msobservers[j].selector) |
| 63 | + .each(msobservers[j].callback); |
| 64 | + } |
| 65 | + } |
| 66 | + } |
| 67 | + } |
46 | 68 | } |
47 | 69 | }); |
48 | 70 |
|
49 | 71 | // Observe the entire document. |
50 | 72 | observer.observe(document.documentElement, {childList: true, subtree: true, attributes: true}); |
51 | 73 |
|
52 | 74 | // Deprecated API (does not work with jQuery >= 3.1.1): |
53 | | - $.fn.initialize = function (callback) { |
54 | | - msobservers.initialize(this.selector, callback); |
| 75 | + $.fn.initialize = function (callback, options) { |
| 76 | + msobservers.initialize(this.selector, callback, $.extend({}, $.initialize.defaults, options)); |
55 | 77 | }; |
56 | | - $.initialize = function (selector, callback) { |
57 | | - msobservers.initialize(selector, callback); |
| 78 | + |
| 79 | + // Supported API |
| 80 | + $.initialize = function (selector, callback, options) { |
| 81 | + msobservers.initialize(selector, callback, $.extend({}, $.initialize.defaults, options)); |
58 | 82 | }; |
| 83 | + |
| 84 | + $.initialize.defaults = { |
| 85 | + scanDocument: true |
| 86 | + } |
| 87 | + |
59 | 88 | })(jQuery); |
0 commit comments