CarouFredSel-Plugin TouchSwipe mit links funktioniert nicht
Bin ich mit dem awesome CarouFredSel JQuery carousel plugin enthält Funktionen für die Integration der JQuery TouchSwipe Bibliothek für handheld-Geräte als auch.
Karussell-Elemente werden divs innerhalb des div ist ein Bild-und text-verpackt in einer <ahref>
tag.
Alles funktioniert wie es sollte, aber ich habe bemerkt, dass, wenn das carousel-element (in diesem Fall ein div) enthält einen link, der swipe-Effekt auf verschiedenen mobilen Geräten nicht funktioniert.
Wenn ich den link entfernen um das Bild/den text, der Swipe-Bewegung funktioniert gut. Es ist fast so, als wenn preventDefault()
arbeitet in umgekehrter Richtung. Wenn ich den link entfernen um das Bild, und lassen Sie den text wie ein link, der Wischer funktioniert für das Bild und nicht der text.
Kann ich einfach auf die als link, ich kann einfach nicht streichen, wenn es ein link IST.
Hat jemand dieses problem erlebt mit dem CarouFredsel?
Vielen Dank, SO.
InformationsquelleAutor der Frage RCNeil | 2013-03-12
Du musst angemeldet sein, um einen Kommentar abzugeben.
Touchswipe deaktiviert ist standardmäßig für die a-Elemente.
Sehen http://labs.rampinteractive.co.uk/touchSwipe/demos/Excluded_children.html
Aus dem link:
Standardmäßig ist der Wert der $.fn.streichen.Standardwerte.excludedElements " - button, input, select, textarea, ein, .noSwipe, " Zu ersetzen oder aus der Liste löschen, neu einstellen excludedElements array. Um Sie anzuhängen, führen Sie die folgenden (nicht zu vergessen die Verfahren Komma) ...
Landete ich nur ändern Sie die Standardeinstellungen in dem plugin, da alle meine modals wurden die Kinder von einem anchor-element.
InformationsquelleAutor der Antwort Mike
Dem carouFredSel mit < a > nicht für mich arbeiten gut mit wischen 'nach innen'.
Sie können excludedElements, aber auf dem Ipad Sie müssen halten, Ihre finger zu benutzen < a > (longTap). Das ist nicht gut für die Nutzer. Wenn Sie versuchen, verwenden Sie carouFredSel({ streichen:( option { drücken: - Funktion ... es wird nicht funktionieren (zumindest in meinem Fall).
Meine Lösung ist die Verwendung von 'Prankenhieb' (touchSwipe) getrennt:
InformationsquelleAutor der Antwort Stanley Shauro
Gut, ich würde wirklich gerne wissen, ob die Verwendung von links innerhalb TouchSwipe und dem CarouFredSel-plugin möglich ist, aber ich fand einen workaround zu funktionieren scheint.
Hoffentlich hilft es jemand.
Landete ich mit einer zweiten Berührung jquery-Bibliothek, TouchWipe.
Beim, Aufruf der CarouFredSel-plugin, habe ich die swipe-parameter auf true:
Dann ruft sowohl die TouchSwipe UND Touchwipe libaries (nicht sicher, ob diese Fragen, aber ich bin mit dem regelmäßigen TouchSwipe
swipe:true
parameter für einen anderen regler ohne links), schrieb ich eine separate Funktion zum aufrufen von benutzerdefinierten Ereignissen für die TouchWipe plugin:Ich hoffe, dies hilft jemand, aber ich würde wirklich gerne wissen, ob TouchSwipe und CarouFredSel kann die Arbeit mit
<a href>
tags, wie ich nicht finden keine live-funktionierende Beispiele.InformationsquelleAutor der Antwort RCNeil
Caroufredsel ist bereits integriert und kompatibel mit touchswipe.
JAVASCRIPT-ERGEBNIS
Hier ist eine funktionierende demo
InformationsquelleAutor der Antwort Ignacio Correia
Danke für die Lösungen mit den excludedElements, die Feste mein problem. Hätte nie gedacht, dass.
Aber Sie haben nicht zu verwenden, die touchwipe Plugin separat, es ist "streichen.Optionen" als eine Konfigurations-option für touchswipe in der caroufredsel-plugin.
Sehen der caroufredsel-Optionen
Dort können Sie alle Optionen der touchswipe plugindenke ich.
InformationsquelleAutor der Antwort Sabrina
Können Sie unter Funktion zu aktivieren, klicken Sie auf nach streichen.
https://stackoverflow.com/a/11919170/3223427
InformationsquelleAutor der Antwort user3223427