Mehrere Ereignisse an die jQuery-Live-Methode binden

Question

Die Live-Methode von jQuery kann mehrere Ereignisse nicht verarbeiten. Kennt jemand eine gute Problemumgehung, um mehrere Ereignisse an eine Funktion anzuhängen, die aktuelle und zukünftige Elemente abfragt? Oder stecke ich mit doppelten Live-Methoden für jeden Event-Handler, den ich brauche?

Beispiel - Ich versuche, so etwas wie zu tun:

$('.myclass').live('change keypress blur', function(){ 
    // do stuff 
}); 

Answer 1

Ab jQuery 1.4.3 können Sie mehr Live-Event-Handler gleichzeitig binden, indem eine Karte von Ereignistyp vorbei/Handler-Paare:

$("a").live({ 
    click: function() { 
    // do something on click 
    }, 
    mouseover: function() { 
    // do something on mouseover 
    } 
}); 

http://api.jquery.com/live/

Von jQuery 1.7 "auf" Funktion ist besser:

$("a").on({ 
    click: function() { 
     // do something on click 
    }, 
    mouseenter: function() { 
     // do something on mouseenter 
    }, 
    mouseleave: function() { 
     // do something on mouseleave 
    } 
}); 

Answer 2

Ab jQuery 1.4.1 .live() können mehrere, durch Leerzeichen getrennte Ereignisse akzeptieren, ähnlich der Funktionalität in .bind() zur Verfügung gestellt. Zum Beispiel können wir die Mouseover- und mouseout Ereignisse zur gleichen Zeit „live bind“ wie so:

$('.hoverme').live('mouseover mouseout', function(event) { 
    if (event.type == 'mouseover') { 
    // do something on mouseover 
    } else { 
    // do something on mouseout 
    } 
}); 

Answer 3

In jQuery 1.7 gibt es eine API, die es Ihnen ermöglichen, es leicht zu tun ...

$(".myClass").on({ 
    click: function(){ 
     alert("You click on me!"); 
    }, 
    mouseenter: function(){ 
     alert("Do you want click on me?"); 
    } 
}); 

Meiner Meinung nach dieser Methode vollständig effizient ist und alle Fähigkeiten zu sammeln, die Sie im Elemente der Veranstaltung nutzen können ... .

auf diese Weise .on() [ jQuery 1.7 API ]

Answer 4

Versuchen Sie, einen Blick auf diese Seite nehmen:

("#button").bind("click keyup", function(){ 

// your code goes here 

})