przestrzeni nazw wiele zdarzeń przy użyciu jQuery "na"

Question

Zastanawiasz się, co prawidłowy sposób do przestrzeni nazw wiele zdarzeń przy użyciu jquery "on" ...

na przykład:

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

to nie działa .. Jeśli usunę ".namespace", to działa.

Przykład jQuery na pracy z nazw:

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

Rozumiem mogę zrobić zarówno mouseenter/wydarzenia mouseLeave seprately ... po prostu ciekawy, czy istnieje sposób, aby przechodzić przez przestrzenie nazw obiektu

Dzięki!

Answer 1

Aby dołączyć do wielu zdarzeń trzeba przejść przestrzeń listę zdarzeń oddzielone: ​​

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

Edit:

Zawsze można dostać typ zdarzenia wewnątrz zwrotnego i wywołać inne funkcje wewnątrz:

$(".parent-selector").on("mouseenter.namespace mouseleave.namespace", ".selector", function(e) { 
    if (e.type == "mouseenter.namespace") { 
     myMouseEnter(e); 
    } else if (e.type == "mouseleave.namespace") { 
     myMouseLeave(e); 
    } 
}); 

Przez to wydaje się działać, nie mogę tego potwierdzić, bo nie jestem na mojej maszynie. Spróbuj.

Answer 2

Z tego, co powiedziałeś w komentarzu, chcesz wystrzelić inną funkcję dla każdego obszaru nazw. Wydaje się dziwne, że połączysz je, by zrobić coś innego. Ale jeśli chcesz wiedzieć, co spowodowało zdarzenie, możesz użyć event.type.

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

JSFiddle

Answer 3

poniższy kod jest rzeczywiście poprawna - Miałem problem z przestrzeni nazw konflikt wcześniej w kodzie.

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