namespacing più eventi utilizzando jQuery "on"

Question

Domandandosi che cosa il metodo corretto per namespace più eventi utilizzando jQuery "on" ...

ad esempio:

$(".parent-selector").on({ 
"mouseenter.namespace": function() { 
    // mouseenter event 
}, 
"mouseleave.namespace": function() { 
    // mouseleave event 
} 
}, ".selector"); 

Questo non funziona .. Se rimuovo ".namespace", funziona.

Esempio di jquery avanti con namespace di lavoro:

$(".parent-selector").on("mouseenter.namespace", ".selector", function() { }); 

ho capito che posso fare entrambe le MouseEnter/eventi MouseLeave seprately ... solo curioso di sapere se c'è un modo per passare spazi dei nomi attraverso l'oggetto

Grazie!

Answer 1

Per collegare a più eventi è necessario passare uno spazio elenco di eventi separati:

$(".parent-selector").on("mouseenter.namespace mouseleave.namespace", 
         ".selector", function() { }); 

Edit:

si può sempre ottenere il tipo di evento all'interno della richiamata e chiamare altre funzioni all'interno:

Althrough sembra funzionare, non posso confermarlo, perché non sono sulla mia macchina. Provaci.

Answer 2

Da quello che hai detto in un commento, vuoi attivare una funzione diversa per ogni spazio dei nomi. Sembra strano che tu li unisca per voler fare qualcosa di diverso. Ma se vuoi sapere che cosa ha scatenato l'evento, puoi usare event.type.

$("#foo").on("mouseover mouseout", ".bar", 
    function(evt){ 
     console.log(evt.type); 
    } 
); 

JSFiddle

Answer 3

il codice qui sotto è in realtà corretto - ho avuto un problema con namespacing conflitti in precedenza nel codice.

$(".parent-selector").on({ 
    "mouseenter.namespace": function() { 
     // mouseenter event 
    }, 
    "mouseleave.namespace": function() { 
     // mouseleave event 
    } 
}, ".selector");