Есть ли аналог jQuery.on для плагинов?

Question

[Makito]

С помощью .on в jQuery можно навесить обработчик не на сам элемент а делегировать обработчик его родителю, в таком случае после добавления подходящего элемента динамически, он сразу получает этот обработчик.

Есть ли подобные способы для привязки плагинов?

Сейчас каждый раз после добавления нового элемента прямо указываю что на него нужно навесить какой нибудь плагин, например фэнсибокс, но это не удобно, в том случае если у нас идет активная динамика на клиенте.

Answer 1

[Aleksandr Kriuchkov]

Не знаю универсального способа для всех плагинов, но в случае с тем же Fancybox можно сделать что-то подобное, чтобы не перенавешивать его каждый раз (в примере открываем попап при клике на ссылки с классом jsFancybox):

$('body').on('click', '.jsFancybox', function(e) {
    e.preventDefault();
    var href = $(this).attr('href');
    $.fancybox.open({
         href: href
    });
});

Answer 2

[Сергей Протько]

Ну начнем с того что обработчик события крепится не к самому элементу, который вы добавляете, а к контейнеру, на который навешивается делегат. А уже если событие нужного вам типа всплыло и вызвал его элемент подпадающий под селектор, то вызывается ваш обработчик.

По поводу плагинов — увы только так, навесить на тот же контейнер делегат о том что бы добавлен элемент, и при добавлении оного вызывать триггером у него ваше событие, в обработчике же навешивать плагин на элемент.

Comments

[Makito]

Спасибо за ответ, возможно я неточно сформулировал измышления. Я знаю как работает делегирование. Очень жаль что такого механизма нет.

Answer 3

[egorinsk]

Не проще ли сделать единственную функцию вроде attachPlugins(node) и вызывать ее при добавлении контента? Пфф, одна строчка всего лишь.

Comments

[Makito]

Вопрос предо мною встал не при реализации стандартных скриптов на jquery, мне понадобилось привязать плагин к вьюхе сгенерированной angularjs, и вот тут возникли проблемы, так как код jquery не работает внутри функций angular.

[Сергей Протько]

Это почему-это код jQuery там не работает?

Does Angular use the jQuery library?

Yes, Angular can use jQuery if it's present in your app when the application is being bootstrapped. If jQuery is not present in your script path, Angular falls back to its own implementation of the subset of jQuery that we call jQLite.

[Makito]

Скорее так: мне не удалось завести код jquery внутри контроллера angular

Answer 4

[Константин Китманов]

Есть MutationObserver. Но в слушателе все равно придется тупо навешивать плагины (хоть это и можно автоматизировать).