JQuery Mobile 像画廊一样在页面之间滑动答案

【问题标题】：JQuery Mobile swipe between Pages like a galleryJQuery Mobile 像画廊一样在页面之间滑动
【发布时间】：2012-07-25 13:47:04
【问题描述】：

我的应用由不同的 HTML5 页面组成。我知道如何使用 JQuery Mobile 在它们之间滑动。但我想要一个水平进度条之类的东西。这样用户就知道可能有 10 个页面，而他是一个开始。

我知道这些画廊插件。但我不想刷图像。我想在没有任何按钮的情况下滑动整个页面。

我希望有人知道如何编写类似的代码或为我提供示例项目。

谢谢！

【问题讨论】：

标签： jquery html jquery-mobile swipe

【解决方案1】：

http://jsfiddle.net/yxzZf/4/

我之前已经实现了一个 jquery 移动滑动，但它并不是那么顺利。如果您的页面正在回帖，那将不会那么好。我建议尝试这个链接。非常流畅的过渡。

http://blogs.claritycon.com/blog/2011/07/building-a-touch-friendly-html5-site/ 包括示例代码。

这在 jQuery mobile 上会很困难。我会将这个示例代码包含在一个 jquery 移动页面中。

【讨论】：

【解决方案2】：

如果你使用如下的原生转换功能，那将很容易实现：

$('div.ui-page').live("swipeleft", function(){
   $.mobile.changePage( "target-page.html", {      
       transition: "slide", 
       reverse: false, 
       changeHash: false,
       reloadPage: true      
   });
 });

【讨论】：