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