eventi personalizzati globali in jQuery

Question

Desidero utilizzare eventi jQuery personalizzati indipendentemente dagli elementi DOM, ma non sono sicuro di quale sia il modo migliore per ottenere ciò.

Ecco quello che ho iniziato con:

// some system component registers an event handler 
$().bind("foo.bar", handler); // foo is my app's namespace, bar is event name 
// another part of the system fires off the event 
$().trigger("foo.bar", { context: "lorem ipsum" }); 

Dopo aver guardato alla fonte di jQuery, in particolare la sua gestione di eventi globali AJAX, ho pensato che questo dovrebbe funzionare:

$.fn.bind("foo.bar", handler); 
// ... 
$.event.trigger("foo.bar", { context: "lorem ipsum" }); 

Tuttavia, sembra che la mia funzione di gestore non viene mai nemmeno chiamata.

Sto forse andando su questo nel modo sbagliato?

Answer 1

Se si utilizza jQuery >1.4, quindi $() restituisce una raccolta jQuery vuota che significherebbe che nessun gestore di eventi è effettivamente associato a qualcosa. Prima di 1.4 avrebbe restituito lo stesso come jQuery(document).

Potrebbe essere meglio avere semplicemente uno spazio dei nomi globale (un oggetto reale) e quindi aggiungere eventi che:

var FOO = {}; 

$(FOO).bind("foo.bar", handler); 

$(FOO).trigger("foo.bar", { context: "lorem ipsum" }); 

Answer 2

ho trovato la mia strada qui perché stavo cercando di implementare il modello editore/sottoscrittore utilizzando eventi personalizzati con nomi assegnati usando jQuery. Mentre la soluzione accettata è un modo di usare $ .event.trigger() in un modo che non è legato agli elementi DOM, non funzionerà bene per un'implementazione di vero evento globale in un'architettura di editore/sottoscrittore (come con un interfaccia utente complessa con molte azioni asincrone), in cui si desidera che oggetti/elementi arbitrari ascoltino un evento personalizzato.

Attraverso la sperimentazione, ho trovato che la vera risposta al motivo per cui gli eventi di AnC non stavano sparando è perché jQuery apparentemente non consente il "." (punto) carattere nei nomi di eventi personalizzati ... ma i trattini bassi sembrano essere ok.

Quindi, se dai un nome ai tuoi eventi qualcosa di simile a foo_bar (anziché a foo.bar), il tuo codice dovrebbe funzionare come previsto. Testato con jQuery 1.4.4.

Modifica: Per essere chiari, voglio dire che i periodi non sono consentiti per eventi personalizzati se si desidera utilizzare il meccanismo $ .event.trigger(). Negli scenari in cui gli eventi vengono attivati ​​da oggetti o elementi, i periodi sembrano essere ok ... non sono sicuro se questo è un bug o di progettazione.