Esecuzione di script JQuery su contenuto caricato AJAX

Question

Sto usando .load() per estrarre i file HTML statici sulla mia pagina HTML principale. Gli script e selettori che ho scritto esistono all'interno:

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

Ma non funzionano sul contenuto caricato AJAX. Ho letto che questo è perché i selettori che sto usando non sono disponibili.

C'è un modo migliore per farlo? Aggiungendo lo script alla funzione window.load non funziona neanche:

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

Answer 1

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

ajaxComplete()

Answer 2

Ci sono più di un'opzione:

1. è possibile aggiungere script di inizializzazione [$(this).click...] in funzione del callback$.load()
2. è possibile utilizzare $.live(), che crea gestori anche per oggetti caricati/creati dinamicamente.

Maggiori informazioni qui:
callback: http://api.jquery.com/load/ (notare la funzione "complete()")
legano: http://api.jquery.com/live/

Edit: Il mio errore, è stato live(), non bind(), grazie ragazzi

Answer 3

È possibile associare eventi a contenuto caricato in modo dinamico tramite jQuery's $.live().

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

Collegare un gestore per l'evento per tutti gli elementi che corrispondono al selettore di corrente, ora e in futuro.

Answer 4

jQuery load prende una funzione argomento di callback opzionale che si potrebbe usare per fare alcuna configurazione avete bisogno dopo suo sito web Ajax-ed è caricato