JQuery Mobile在诸如图库之类的页面之间滑动

Question

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

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

我希望有人知道如何编写类似的东西，或者有一个示例项目给我。

谢谢！

Answer 1

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

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

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      
   });
 });