如何将滑动页面更改添加到 bootstrap 3 网站答案

【问题标题】：How can I add swipe page change to bootstrap 3 website如何将滑动页面更改添加到 bootstrap 3 网站
【发布时间】：2016-03-28 17:46:24
【问题描述】：

我已经为我的网站 [http://lhcrt.org.uk/ltrail/trailindex_page1.html] 制作了许多页面，这是对新的响应式网站的第一次尝试。最初导航栏是在 Mobirise 中制作的，但其余部分在 Pinegrow 中添加为 bootstrap 3。

我想在页面的任意位置添加简单的左/右滑动操作以切换到下一页。我已经尝试了我在网上可以找到的所有想法，例如 Hammer.js，虽然它可以在一个简单的 html 演示页面中运行，但我很想将它添加到我的工作页面中。我什么都做不了，但老实说，我不了解足够的细节。最简单的方法是什么？有人可以同时帮助我和一个好的事业。

【问题讨论】：

这不是一个真正的引导问题...更多的是 UI 库的事情

标签： html twitter-bootstrap twitter-bootstrap-3 responsive

【解决方案1】：

这不是 bootstrap 本身可以为您解决的问题，您需要某种 UI 库。

看看jQuery Mobile Ui 和Kendo UI。

另请参阅这个 SO 问题： How to design swipe page navigation?

还有这个： Using swipe gestures to change pages in multi page jquery mobile application

还有这个小图书馆： http://demo.dsheiko.com/spn/

【讨论】：

谢谢蒂姆。我已经看过了，我会再学习一些。我想知道 Bootstrap 框架中是否有任何固有的东西阻止了 jquery mobile 被添加。
@paulmarshall 我不会导入所有的 jQuery UI css 等，但是很多 jQuery 的东西都是模块化的，所以你可以只引入你需要的部分。在移动环境中使用 jQuery，您可能还想了解touchpunch.furf.com，但这涉及到更多我们引导人们试图避免的 jQuery UI 小部件垃圾:)
Dsheiko 的最后一部作品，正是我想要的。重量轻，非常容易实现。我之前没有尝试过，因为它不包括鼠标，所以更难测试。我仍然不明白 jquery 哪里出了问题，但现在我不那么烦恼了。我也想避免不必要的东西。