Максимальный размер стека вызовов при использовании select2 в добавленных полях выбора

Question

Я добавляю div, содержащий вход для выбора, но когда я пытаюсь инициализировать select2 на нем, я получаю эту ошибку, и моя страница не отвечает, пока я не это совсем.

$('.page-content').on('DOMNodeInserted', '.material-container', function() { 
    var selectField = $(this).find(".select-material"); 
    selectField.select2(); 
}); 

Ошибка консоли.

jquery.js?27d9:5946 Uncaught RangeError: Maximum call stack size exceeded. 
at HTMLSelectElement.eval (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:71:1), <anonymous>:5946:21) 
at domManip (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:71:1), <anonymous>:5759:14) 
at jQuery.fn.init.after (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:71:1), <anonymous>:5944:10) 
at jQuery.fn.init.jQuery.fn.(anonymous function) [as insertAfter] (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:71:1), <anonymous>:6052:37) 
at Select2._placeContainer (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:163:1), <anonymous>:5137:16) 
at new Select2 (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:163:1), <anonymous>:5063:10) 
at HTMLSelectElement.eval (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:163:1), <anonymous>:5667:26) 
at Function.each (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:71:1), <anonymous>:368:19) 
at jQuery.fn.init.each (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:71:1), <anonymous>:157:17) 
at jQuery.fn.init.$.fn.select2 (eval at <anonymous> (http://crm.dev:3000/js/vendor.js:163:1), <anonymous>:5664:14) 
at HTMLDivElement.eval (eval at <anonymous> (http://crm.dev:3000/js/app.js:149:1), <anonymous>:51:17) 

Answer 1

При инициализации в ВЫБ.2 экземпляр, тонны вещей добавляются события DOM, DOMNodeInserted увольняют, то у вас есть бесконечный цикл.

У меня есть 2 способа обойти это (конечно, есть более):

• Проверить, если Выбор2 уже инициализирована

  Is there any way to check if an element has jquery select2 already applied to it?

• Использование JQuery один(), а не на() http://api.jquery.com/one/