Erweitern jQuery .auf (), um die Arbeit mit mobilen touch-Ereignisse

Ich bin versucht zu verwenden die jQuery-mobile-Veranstaltungen ohne den rest von jQuery mobile.

https://github.com/jvduf/jquery-mobile-events/blob/master/jquery.mobile.events.js

Das snippet können Sie alle, und funktioniert gut, aber nicht mit dem .on() event-handler. E. g:

$('a').on('tap',function(){
    console.log('Hi there!');
});

Jedoch funktioniert Sie auch mit .live(), aber das ist jetzt abgeschrieben.

Also meine Frage; gibt es eine Möglichkeit zu verlängern .auf() Funktionalität beinhalten, die Tippen Sie auf ein Ereignis und die andere? Vollständige Liste unter:

  • touchstart
  • touchmove
  • touchend
  • orientationchange -
  • Tippen
  • taphold
  • streichen
  • swipeleft
  • swiperight
  • scrollstart
  • scrollstop

Dank 🙂

  • Der Selektor für on() muss ein Elternteil ... Lesen Sie die Hilfe für die on () - es ist ganz einfach ...
  • Cool Extraktion, aber wie aktuell ist es? Denken Sie 11 Monate alt ist ziemlich alt an dieser Stelle, ist, wer die Pflege dieser Datei?
InformationsquelleAutor will | 2012-02-16
  1. 9

    Jedoch funktioniert Sie auch mit .live(), aber das ist jetzt abgeschrieben.

    So, ich nehme an, dass Sie verwenden möchten, Ereignis-delegation zur Erhaltung dieser Ereignisse auf Elemente ersetzt. Das würde bedeuten, dass diese:

    $('a').on('tap',function () {
    console.log('Hi there!');
});

    ändern muss, um so etwas wie:

    $(document).on('tap', 'a', function () {
    console.log('Hi there!');
});

    damit es sich so verhält, als $("a").live("tap", ...

    • Ich wusste, dass dies etwas sein würde, basic, starrte auf meinen Bildschirm zu lang vielleicht! Vielen Dank 🙂
    • Warum kann nicht die 'on' - Funktion verwendet werden, die über ein element, wie in der ersten snippet? Ich möchte anfügen von Handlern, die nur auf bestimmte Elemente, nicht auf das gesamte Dokument.
    • vereinbart.
    InformationsquelleAutor karim79
  2. 0

    Vielleicht sollte es besser sein zu verlängern die JQuery event-code für mobile und desktop.

    Einen Weg, dies zu tun, ist die Verwendung der JQuery-vmouse (virtuelle Maus) plugin.

    Vom vmouse plugin Kommentare:

    //Dieses plugin ist ein experiment zur Abstraktion, Weg der touch-und Maus

    //Veranstaltungen, so dass Entwickler müssen nicht sorgen zu machen über die Methode der input

    //die Gerät Ihrem Dokument geladen wird unterstützt.

    //

    //Die Idee hier ist, um dem Entwickler erlauben das registrieren von Listenern für das

    //basic-Maus-events wie mousedown, mousemove, mouseup und click,

    //und das plugin kümmern sich um die Registrierung der richtige Zuhörer

    //hinter den kulissen, rufen die Hörer an der schnellsten möglichen Zeit

    //für dieses Gerät, während noch die Beibehaltung der Reihenfolge der Ereignis auslösen in

    //die mit einer herkömmlichen Maus-Umgebung, sollten mehrere Handler registriert werden

    //auf das gleiche element für verschiedene Veranstaltungen.

    //

    //Die aktuelle version stellt die folgenden virtuellen events zu jQuery-bind-Methoden:

    //"vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"

    Für eine bessere Erklärung, siehe https://coderwall.com/p/bdxjzg

    vmouse plugin: https://github.com/jquery/jquery-mobile/blob/master/js/jquery.mobile.vmouse.js

    Siehe auch dieser link über den aktuellen Zustand der (touch -) Veranstaltungen: http://blogs.adobe.com/adobeandjquery/2011/03/07/the-current-state-of-touch-events/

    InformationsquelleAutor Vinicius José Latorre
Schreibe einen Kommentar