跳到第二頁（jQuery Mobile）

在我的jquery移動網站中有三個頁面，我希望它跳過左頁，因此第二頁將首先加載。跳到第二頁（jQuery Mobile）

我的提琴在這裏：http://jsfiddle.net/iamthestig/MMwWC/ （可以刷卡/用你的鼠標滑動通過網頁瀏覽）

我有我的代碼在這裏：

HTML

<div data-role="page" id="left" data-url="left" data-theme="a">LEFT PAGE</div> 
<div data-role="page" id="home" data-url="home" data-theme="a">HOME</div> 
<div data-role="page" id="right" data-url="right" data-theme="a">RIGHT PAGE</div>

$('div.ui-page').live("swipeleft", function(){ 
    var nextpage = $(this).next('div[data-role="page"]'); 
      if (nextpage.length > 0) { 
       $.mobile.changePage(nextpage, {transition: "slide", reverse: true, changeHash: false}, true, true); 
      } 
     }); 
     $('div.ui-page').live("swiperight", function(){ 
     var prevpage = $(this).prev('div[data-role="page"]'); 
     if (prevpage.length > 0) { 
     $.mobile.changePage(prevpage, {transition: "slide", reverse: true, changeHash: false}, true, true); 
    } 
});

CSS

* { 
    margin: 0; 
    padding: 0; 
} 

html, body { 
    width: 100%; 
    height: 100%; 
    background: dimgray; 
} 

#home { 
    background: dodgerblue; 
} 

#left { 
    background: red; 
} 

#right { 
    background: silver; 
}

來源

2012-12-02 IAMTHESTIG

默認情況下，jQuery手機顯示HTML文件中的第一頁。您可以直接將主頁移到頂部。或者，它主要取決於從正在加載該頁面時，當改變這個頁面的href屬性意味着你可以做

<a href="foo.html#home">link</a>

這將使主頁加載第一，其餘的可以通過您的代碼或

$.mobile.changePage("foo.html#home");

發生

這將做同樣的事情。

來源

2012-12-03 07:08:05

跳到第二頁（jQuery Mobile）

回答

相關問題