Ich habe mit jQuery mobile eine Bildergalerie in HTML5, JavaScript und CSS erstellt. IE Phonegap-Plattform in Ordnung.
Die Bilder kommen dynamisch und sind darin geladen:
Ссылка
Über mouseSwipe Slider:
%Vor%Das Problem dabei ist, dass ich nicht auf das Bild klicken und zur nächsten Seite gehen kann, weil zwei Ereignisse zusammen auftreten.
Das zweite Problem ist, dass ich die Seite nicht von der Stelle, an der die Galerie platziert ist, nach unten wischen kann, mit Ausnahme des anderen Bereichs, in dem die Galerie nicht vorhanden ist.
Um es klarer zu machen, mache ich Nachrichtenanwendung, in der ich 5 - 10 Galerie wie Pulse Nachrichtenanwendung hinzugefügt habe.
Ich bin ein wenig verwirrt über einige Details des Problems, aber ich hasse es zu sehen, dass diese Frage völlig unbeantwortet bleibt, falls jemand anderes dieses Problem hat.
Dieses Plugin (mouseSwipe) überschreibt die Standard-Drag-Funktionalität für mobile Geräte. Während normalerweise Geräte die Seite beim Start-Ereignis der Maus scrollen würden, überschreibt dieses Plugin dieses Verhalten, um Klick-Bewegungen über ein Element zu erkennen. Da es diese Funktionalität unterbricht, ist das Ziehen der entgegengesetzten Richtung (zum Scrollen) ebenfalls unterbrochen. Wenn das Plugin weiterhin vom Eigentümer verwaltet wird (scheint es nicht zu sein), könnte es aktualisiert werden, um dieses Problem zu beheben, oder Ereignisse ausgeben, die verwendet werden könnten, um die gewünschte Funktionalität manuell zu erstellen.
Ich nehme an, dies ist auch, was Ihnen Probleme beim Klicken auf die angegebene Seite gibt.
Wenn Sie meine ehrliche Meinung haben möchten, würde ich eine andere Bibliothek wählen, vielleicht eine, die sich ausschließlich auf die Swipability von mobilen Geräten konzentriert und dann die Desktop-Funktionalität getrennt behandelt (wenn Sie PhoneGap verwenden, ist es wahrscheinlich t dies sogar auf einer Web-Plattform für Desktops veröffentlichen). Wenn es im Web verfügbar ist, können Sie mit modernizr (oder ähnlichem) herausfinden, ob das Gerät die Berührungseingabe unterstützt, und dann Folgendes implementieren:
Bei Geräten, die keine Berührung unterstützen, können Sie auf die Navigation auf Knopf- / Pfeilbasis zurückgreifen (denn als Desktop-Benutzer erwarte ich nicht, dass ich sie mit der Maus vor und zurück ziehen kann).
Ich bin ein wenig verwirrt über einige Details des Problems, aber ich hasse es zu sehen, dass diese Frage völlig unbeantwortet bleibt, falls jemand anderes dieses Problem hat.
Dieses Plugin (mouseSwipe) überschreibt die Standard-Drag-Funktionalität für mobile Geräte. Während normalerweise Geräte die Seite beim Start-Ereignis der Maus scrollen würden, überschreibt dieses Plugin dieses Verhalten, um Klick-Bewegungen über ein Element zu erkennen. Da es diese Funktionalität unterbricht, ist das Ziehen der entgegengesetzten Richtung (zum Scrollen) ebenfalls unterbrochen. Wenn das Plugin weiterhin vom Eigentümer verwaltet wird (scheint es nicht zu sein), könnte es aktualisiert werden, um dieses Problem zu beheben, oder Ereignisse ausgeben, die verwendet werden könnten, um die gewünschte Funktionalität manuell zu erstellen.
Ich nehme an, dies ist auch, was Ihnen Probleme beim Klicken auf die angegebene Seite gibt.
Wenn Sie meine ehrliche Meinung haben möchten, würde ich eine andere Bibliothek wählen, vielleicht eine, die sich ausschließlich auf die Swipability von mobilen Geräten konzentriert und dann die Desktop-Funktionalität getrennt behandelt (wenn Sie PhoneGap verwenden, ist es wahrscheinlich t dies sogar auf einer Web-Plattform für Desktops veröffentlichen). Wenn es im Web verfügbar ist, können Sie mit modernizr (oder ähnlichem) herausfinden, ob das Gerät die Berührungseingabe unterstützt, und dann Folgendes implementieren:
Bei Geräten, die keine Berührung unterstützen, können Sie auf die Navigation auf Knopf- / Pfeilbasis zurückgreifen (denn als Desktop-Benutzer erwarte ich nicht, dass ich sie mit der Maus vor und zurück ziehen kann).
Ich habe mit jQuery mobile eine Bildergalerie in HTML5, JavaScript und CSS erstellt. IE Phonegap-Plattform in Ordnung.
Die Bilder kommen dynamisch und sind darin geladen:
Ссылка
Über mouseSwipe Slider:
%Vor%Das Problem dabei ist, dass ich nicht auf das Bild klicken und zur nächsten Seite gehen kann, weil zwei Ereignisse zusammen auftreten.
Das zweite Problem ist, dass ich die Seite nicht von der Stelle, an der die Galerie platziert ist, nach unten wischen kann, mit Ausnahme des anderen Bereichs, in dem die Galerie nicht vorhanden ist.
Um es klarer zu machen, mache ich Nachrichtenanwendung, in der ich 5 - 10 Galerie wie Pulse Nachrichtenanwendung hinzugefügt habe.
Der Grund, warum Sie nicht hoch- und runterwischen können, liegt wahrscheinlich daran, dass das "swipe" -Ereignis das "movestart" - oder "move" -Ereignis hegt.
Ich habe einmal ein ähnliches Problem bei der Verwendung dieses Plugins festgestellt: Ссылка
Ihre Lösung, auf der auf ihrer Website hingewiesen wurde, war, die preventDefault-Methode für das Ereignis aufzurufen, damit sie nicht blockiert, wie hier zu sehen ist.
%Vor%Ich habe keine Erfahrung mit jQuery mobile, aber ich würde erwarten, dass die Probleme ähnlich sind.
In der Datei Ссылка hat onmousedown den folgenden Code. Dadurch wird das Ereignis vom Standardverhalten abgehalten und in Fällen, in denen es aufgefangen / durchgebrannt ist, gestoppt. Vielleicht möchten Sie sich diese oder die Art und Weise ansehen, wie Ereignisse von den Bibliotheken gehandhabt werden.
%Vor%Hier erfahren Sie, wie Sie die JQuery-Propagierung und das reguläre Verhalten stoppen können.
event.preventDefault () vs. return false Was ist Ereignis-Bubbling und -Aufnahme?
Der Grund, warum Sie nicht hoch- und runterwischen können, liegt wahrscheinlich daran, dass das "swipe" -Ereignis das "movestart" - oder "move" -Ereignis hegt.
Ich habe einmal ein ähnliches Problem bei der Verwendung dieses Plugins festgestellt: Ссылка
Ihre Lösung, auf der auf ihrer Website hingewiesen wurde, war, die preventDefault-Methode für das Ereignis aufzurufen, damit sie nicht blockiert, wie hier zu sehen ist.
%Vor%Ich habe keine Erfahrung mit jQuery mobile, aber ich würde erwarten, dass die Probleme ähnlich sind.
Tags und Links javascript cordova html5 css3 jquery-mobile