Ad esempio, quando si crea un ajax per leggere la lista dei messaggi, c'è un pulsante di risposta dopo ogni messaggio, la classe è "rispondi", se usi $(".reply").click(function(){ //do something... }), presumibilmente il pulsante di risposta nella lista caricata da ajax successivamente, l'evento click sarà invalido.
In effetti, il modo più semplice è scrivere onclick="" direttamente nel tag, ma scrivere questo è in realtà un po' basso, e il modo migliore è associare un evento click al nome della classe.
Ci sono due modi per risolvere il problema che i nodi di elemento aggiunti dinamicamente in jquery non possono attivare eventi, come segue:
Per una presentazione migliore, supponiamo che tu abbia codice con la seguente struttura sotto il corpo di una certa pagina:
Metodo 1: Usa il vivo
La funzione live() lega uno o più gestori di eventi all'elemento selezionato e specifica quali funzioni eseguire quando tali eventi si verificano. La funzione live() si applica all'abbinamento degli elementi attuali e futuri del selettore. Ad esempio, elementi creati dinamicamente tramite script.
L'implementazione è la seguente:
Metodo 2: Utilizzo su
Puoi associare un evento al suo genitore o al corpo tramite il metodo on, come segue:
Ora puoi provare a vedere se il problema è stato risolto, spero che questo articolo possa davvero aiutarti.
La seconda che uso è per associare l'elemento a livello genitore...
|
Pubblicato su 28/06/2016 12:43:24
|
|
|
Pubblicato su 08/07/2016 14:34:49
