Uruchamianie skryptów JQuery na załadowanych treściach AJAX

Question

Używam .load() do przeciągania statycznych plików HTML na moją główną stronę HTML. Skrypty i selektory, które napisałem, istnieją w:

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

Ale nie działają na załadowanej zawartości AJAX. Przeczytałem, że dzieje się tak dlatego, że selektory, których używam, nie są dostępne.

Czy jest lepszy sposób to zrobić? Dodawanie skryptu do funkcji window.load nie działa albo:

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

Answer 1

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

ajaxComplete()

Answer 2

Istnieje więcej niż jedna opcja:

1. można dodawać skrypty inicjalizacji [$(this).click...] do callback funkcji $.load()
2. można użyć $.live(), która tworzy procedury obsługi nawet dla dynamicznie ładowanych/tworzonych obiektów.

Więcej tutaj:
zwrotna: http://api.jquery.com/load/ (zauważ funkcję "complete()")
wiążą: http://api.jquery.com/live/

Edit: Moim błędem było live() nie bind(), dziękuję chłopaki

Answer 3

Można powiązać zdarzenia z dynamicznie ładowaną treścią za pośrednictwem jQuery's $.live().

Od jQuery http://api.jquery.com/live/:

Dołącz do obsługi zdarzenia dla wszystkich elementów, które pasują do aktualnego wyboru, teraz iw przyszłości.

Answer 4

jQuery load pobiera opcjonalny callback function argument, który można użyć, aby wykonać dowolną konfigurację potrzebujesz po swojej zawartości ajax-ed załadowanego