Запуск сценариев JQuery для загруженного содержимого AJAX

Question

Я использую .load (), чтобы вытянуть статические HTML-файлы на мою главную HTML-страницу. Сценарии и селекторы, которые я написал, существуют в:

$(document).ready(function(){});

Но они не работают с загруженным AJAX-контентом. Я читал, что это потому, что используемые мной селекторы недоступны.

Есть ли лучший способ сделать это? Добавление скрипта в функцию window.load также не работает:

$(window).load(function() {});

Answer 1

$(document).ajaxComplete(function(){
    // fire when any Ajax requests complete
})

ajaxComplete ()

Answer 2

Существует более одной опции:

1. Вы можете добавить сценарии инициализации [$(this).click...] в callback функцию $.load()
2. , которую можно использовать $.live(), который создает обработчики даже для динамически загружаемых / создаваемых объектов.

Подробнее здесь :
обратный вызов: http://api.jquery.com/load/ (обратите внимание на функцию "complete()")
bind: http://api.jquery.com/live/

Редактировать : Моя ошибка была live(), а не bind(), спасибо, ребята

Answer 3

Вы можете привязать события к динамически загружаемому контенту через jQuery $.live().

Из jQuery http://api.jquery.com/live/:

Присоединить обработчик к событию для всех элементовсопоставить текущий селектор, сейчас и в будущем.

Answer 4

jQuery load принимает необязательный аргумент функции обратного вызова, который можно использовать для любой настройки, необходимой вам ПОСЛЕ загрузки вашего ajax-ed контента