jquery événement déclencheur global sur mesure

Question

Je voudrais faire quelque chose comme ça

$("#A").on("click", function(){ 
    $.event.trigger({type:"custom"}); 
}); 
$("#B").on("custom", function(e){ 
    $("#B").removeClass("hidden"); 
}); 
$("#C").on("custom", function(e){ 
    alert("something"); 
} 

Lorsque je déclenche un événement personnalisé en utilisant JavaScript. Je voudrais ensuite être en mesure d'utiliser la fonction .on sur différents éléments de la page. Cliquer sur le "#A" déclencherait alors l'événement pour tous les éléments enregistrés. J'ai remarqué que la fonction de déclenchement est appelée sur un élément au lieu de globalement, ce qui n'est pas ce que je veux.

Fiddle

Answer 1

Je ne suis pas sûr que je comprends votre question, mais si vous changez votre code à ceci:

$("#A").on("click", function(){ 
    $(document).trigger("custom"); 
}); 
$(document).on("custom", function(e){ 
    $("#B").removeClass("hidden"); 
}); 
$(document).on("custom", function(e){ 
    alert("something"); 
}); 

Il devrait fonctionner. Voici un demo