2016-03-28 12 views
-1

ich eine Anzahl von Seiten für meine Website gemacht habe [http://lhcrt.org.uk/ltrail/trailindex_page1.html] als einen ersten Versuch an einer neuen ansprechenden Website. Anfangs wurde die Navigationsleiste in Mobirise erstellt, aber der Rest wurde als Bootstrap 3 in Pinegrow hinzugefügt.Wie kann ich Swipe Seitenwechsel in dem Bootstrap-3 Website

Ich möchte einfach links/rechts Swipe Aktion irgendwo auf der Seite hinzufügen, um die nächste Seite zu ändern. Ich habe alle Ideen ausprobiert, die ich im Netz finden kann, wie zum Beispiel Hammer.js, und während es in einer einfachen HTML-Demo-Seite funktioniert, werde ich verrückt, wenn ich versuche, es meinen Arbeitsseiten hinzuzufügen. Ich kann nichts zur Arbeit bekommen, aber Honset zu sein, verstehe ich nicht genug Detail. Was ist der einfachste Weg, dies zu tun? Kann mir bitte jemand helfen und einen guten Grund zur gleichen Zeit.

+0

Das ist nicht wirklich eine Bootstrap-Frage ... mehr einen UI Bibliothek Sache –

Antwort

0

Das ist nicht etwas Bootstrap selbst kann für Sie lösen, werden Sie irgendeine Art von UI-Bibliothek wollen.

Werfen Sie einen Blick auf jQuery Mobile Ui und Kendo UI.

Siehe auch diese Frage SO: How to design swipe page navigation?

und diese: Using swipe gestures to change pages in multi page jquery mobile application

Und diese kleine Bibliothek: http://demo.dsheiko.com/spn/

+0

Danke Tim. Ich habe diese gesehen, ich werde etwas mehr lernen. Ich habe mich gefragt, ob dem Bootstrap-Framework etwas immanent war, das verhinderte, dass jquery mobile hinzugefügt wurde. – paulmarshall

+0

@paulmarshall Ich würde nicht alle jQuery UI CSS importieren usw., aber eine Menge jQuery Zeug ist modular, so dass Sie nur die Bits, die Sie brauchen, bringen können. Wenn Sie mit jQuery in einer mobilen Umgebung arbeiten, möchten Sie vielleicht auch etwas über http://touchpunch.furf.com/ lesen, aber das beinhaltet mehr von jQuery UI Widget, das wir Bootstrap-Leute versuchen zu vermeiden :) –

+0

Der letzte von Dsheiko funktioniert genau das, was ich wollte. Leicht und sehr einfach zu implementieren. Ich hatte es vorher nicht versucht, weil es die Maus nicht einschließt, also ist es schwieriger zu prüfen. Ich verstehe immer noch nicht, wo ich mit jQuery falsch gelaufen bin, aber jetzt bin ich nicht so beunruhigt. Ich möchte auch unnötige Sachen vermeiden. – paulmarshall

Verwandte Themen