click() funzione jquery non disponibile su nuove div

Question

Durante la gestione del mio sito web creo nuovi div usando jquery con la classe "a". Ho definito una funzione click() per "a" classe come segue:

$(document).ready(function() { 
    $(".a").click(function(){ 
     $(".a").hide(); 
    }); 
}); 

Il problema è che le nuove div creati con la stessa classe di non chiamare questa funzione quando si fa clic. Altre div con classe "a" che ci sono all'inizio fanno. Che cosa sto facendo di sbagliato?

Answer 1

$(document).delegate('.a', 'click', function() { 
    $(this).hide(); 
}); 

Answer 2

Provare a utilizzare la funzione .live() che dovrebbe valere anche per gli elementi DOM appena inseriti che corrispondono alla vostra selettore:

$(document).ready(function() { 
    $(".a").live('click', function(){ 
     $(".a").hide(); 
    }); 
}); 

Answer 3

Utilizzare il metodo "dal vivo".

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

Answer 4

Questo potrebbe anche funzionare.

(function($) { 
    $(document).ready(function() { 
    $('body').on('click', '.a', function() { 
     $(this).hide(); 
    }); 
    }); 
}(jQuery)); 

.on() attacca gli eventi a controlli che sono entrambi presenti e non ancora presente.