JQuery Mobile在页面之间滑动像一个画廊

Question

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

我知道这些画廊插件。但我不想刷图像。我想要轻扫整个页面而不用任何按钮。

我希望有人有一个想法如何编写类似的东西或有一个示例项目对我来说。

谢谢！

Answer 1

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

我之前已经实施了jQuery Mobile的刷卡，但它虽然不是那么顺利。如果你的页面正在回发，它不会那么好。我建议尝试这个链接。非常平滑的过渡。

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

这将是困难的jQuery Mobile的。我将这个示例代码包含在一个jQuery移动页面中。

Answer 2

这将是容易实现的，如果你使用本地转移函数如下：

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