Send data along with event

Question

As I venture through jQuery some questions and problems arise in the middle of the way, one of them is: is it possible to send a data through an event triggered by another event? Something like that:

jQuery

$(".seletor1").on("click", function(){
    $(".seletor2").trigger("click", dados);
});
//
$(".seletor2").on("click", function(dados){
    alert(dados);
});

Answer 1

Yes you can. Example: http://jsfiddle.net/XBDrh/

$(".seletor1").on("click", function(){
    console.log('Clicado!');
    $(".seletor2").trigger("click", {animal: 'gato'});
});
//
$(".seletor2").on("click", function(evento, animais){
    alert(evento.type);
    alert(animais.animal);
});

Looking at jQuery documentation the expected syntax is:

.Trigger( typeEvent [, parametrosExtra] )

windy type
Typo: String
Description: A string satisfies the name of the event. For example click or Submit'

parametrosExtra
Typo: Array or Object
Description: Additional parameters to pass with the event.

---

If you want to mix this Handler click with a real click you can create one if to check if the extra object has been passed. Suggestion:

$(".seletor2").on("click", function (evento, animais) {

    if (!animais) {
        alert("Clicou no seletor2");
        return false;
    }

    switch (animais.animal) {
        case 'gato':
            alert("Clicou no seletor1");
            break;
        case 'cao':
            alert("Clicou no seletor1");
            break;
        case 'elefante':
            alert("Clicou no seletor1");
            break;
    }
});