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