jQuery Mobile頁面返回無需從新get

jquery mobile新版中沒有返回按鈕的解決方案

一、 須要在頁面源代碼的 page 中加上 data-add-back-btn="true" 。

二、 同時頁面的代碼中加上一句 js 代碼便可:
      $ ( document ) . bind ( "mobileinit" , function ( ) {
    $.mobile.page.prototype.options.addBackBtn = true;
});

----------------------------------------

jQuery Mobile頁面返回無需從新get

http://www.th7.cn/web/ajax/201208/5059.shtmlhtml

 

頁面在切換完後,會觸發pagechange事件,因而我把pagebeforeshow改爲了pagechange,一切都按預期運行,而且沒有錯誤,終於大功告成了。jquery

總結

在使用該插件時,請注意如下幾點:web

一、必須在引用該腳本以前,引用jquery和jquery mobile腳本文件;ajax

二、必須在page上增長data-dom-cache="true"。dom

 

----------------------------------------------------------ui

jquerymobile-5 back button和footer  

使用jquerymobile的時候,咱們新進入一個頁面可能須要添加一個返回按鈕,用戶返回到上一個頁面,咱們可使用上一篇文章中的方法,在Header中添加返回上一個頁面的連接,可是這樣有一點很差,若是這個頁面有多個入口(便可以從多個頁面跳入本頁面),那麼咱們這個返回就得作判斷了。在這種狀況下咱們可使用jquerymobile的data-add-back-btn屬性,並將其值設爲true。這樣jquerymobile會自動爲咱們記住該返回哪一個頁面。下面看一個例子代碼:spa

   <a href="" data-rel="back">Go back...</a>  .net

咱們作手機應用的時候,通常會在下面添加一些按鈕,這時候咱們就能夠在footer上添加按鈕了。這裏咱們不使用真正的按鈕,而是使用CSS來將A標籤,作成按鈕一下,在上面的程序中添加以下的代碼:prototype

  1. <div data-role="footer" class="ui-bar">  
  2.   <a href="credits.html">Credits</a>  
  3.   <a href="contact.html">Contact</a>  
  4. </div> 
相關文章
相關標籤/搜索