Jquery Mobile changePage加載網站時無需切換標題

此時，當我使用幻燈片轉換調用changePage（）時，整個頁面都會滑動並顯示標題。是否有可能，在changePage上，標題是靜態的，只有標題的按鈕和標題正在改變，但標題作爲本機應用程序靜態化。Jquery Mobile changePage加載網站時無需切換標題

我的意思是，我讀過某處，JQM中的頁面是由Ajax加載的。但在我的應用程序中，我看到這些頁面如何切換完成，而且看起來很脆弱。

是否有可能以某種方式製作開關，就好像標題是靜態的，只有內容被打開？

來源

2012-12-09 Niko Nik

這是不可能的。 – Gajotres

那麼這裏是一個頁面，這個效果是可能的：http：//m.ondho.com/他們如何做到這一點？ –

簡單而言，您向我們展示的示例不是jQM Web應用程序。你必須瞭解jQM如何工作才能理解如何解決問題。頁眉和頁腳是jQM頁面的組成部分，當您更改頁面時，您還正在更改頁眉和頁腳。我會給你寫一個解決方案，但這不是一件容易的事。 – Gajotres

這是不可能的changePage，但你可以在新的內容只加載到內容DIV，像這樣：當你想改變頁面

<div data-role="page" id="main_page"> 
     <div data-role="header"> 
     <h1 id="page_title">My Title Here</h1> 
     </div> 
     <div data-role="content"> 
     <div id="page_data"> 
      <button id="changepage">ChangePage</button> 
      <h3>Some stuff</h3> 
      <input type="text" value="sometext" /><br /> 
      <ul data-role="listview"> 
      <li>Some other stuff</li> 
      </ul> 
      </div> 
     </div> 
    </div>

然後：

$("#page_title").html("New page title!"); 
$("#page_data").html("<h3>my awesome markup</h3>"); // this could come from ajax'ing 
$("#page_data").trigger('create');

保持記住標題欄上的任何按鈕都需要隱藏並顯示。您可以通過使用多個內容div並使用$.animate或$.fadeIn來轉換新內容。

編輯：這裏是一個工作示例：http://jsfiddle.net/Y9PVC/2/（現在用fadeOut和fadeIn）。

來源

2012-12-10 00:45:47 devnull

好吧我現在明白我需要做什麼。有沒有類似這個例子的解決方案：http://blog.stevensanderson.com/2011/11/04/full-height-app-layouts-navigation-and-history/但在jQuery中實現？ –

我在這個例子中的東西，我發佈的東西，過渡很棒！非常快速和平滑，特別是在iPhone 4上。 –

Jquery Mobile changePage加載網站時無需切換標題

回答

相關問題