Как вновь прикрепить обработчик к элементам после AJAX?

Question

[Евгений Журов]

Добрый день. На сайте есть форма, выведенная посредством плагина GravityForms. На инпутах формы в кастомном js прописана кое-какая анимация при focus'е и blur'е. Когда страница загрузилась - события (focus, blur, input) работают отлично. Но при нажатии submit, плагин делает валидацию (по всей видимости, на сервере), и если что-то не так, релоадит аяксом страницу, выводя сообщения об ошибках. И после этого аякса события перестают отслеживаться.

Обработчик выглядит так:

$(".gform_wrapper .gfield input[type=text]").on('focus blur input', formUIhandler);

Пробовал делать так:

$(document).on('focus blur input', ".gform_wrapper .gfield input[type=text]", formUIhandler);

Но так вообще не работает - ни до, ни после аякса.

Что делать и кто виноват?

Answer 1

[kafeuri1989]

Эти все проверки нужно впихивать в новый релоад, который возвращает ajax, иначе он просто не увидит этот элемент

Comments

[Евгений Журов]

А можно ли привести пример, как это может выглядеть? То, что не увидит, и что нужно как-то обрабатывать релоад - это очевидно)
Главное, непонятно еще как поймать этот релоад, который делаю не я, а плагин.