jQuery Mobile頁面返回無需重新get

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

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

2、 同時頁面的代碼中加上一句 js 代碼即可：

      $ ( document ) . bind ( "mobileinit" , function ( ) {

    $.mobile.page.prototype.options.addBackBtn = true;
});

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

jQuery Mobile頁面返回無需重新get

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

 

頁面在切換完后，會觸發pagechange事件，於是我把pagebeforeshow改成了pagechange，一切都按預期運行，並且沒有錯誤，終於大功告成了。

總結

在使用該插件時，請注意以下幾點：

1、必須在引用該腳本之前，引用jquery和jquery mobile腳本文件；

2、必須在page上增加data-dom-cache="true"。

 

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

jquerymobile-5 back button和footer  

使用jquerymobile的時候，我們新進入一個頁面可能需要添加一個返回按鈕，用戶返回到上一個頁面，我們可以使用上一篇文章中的方法，在Header中添加返回上一個頁面的鏈接，但是這樣有一點不好，如果這個頁面有多個入口（即可以從多個頁面跳入本頁面），那么我們這個返回就得做判斷了。在這種情況下我們可以使用jquerymobile的data-add-back-btn屬性，並將其值設為true。這樣jquerymobile會自動為我們記住該返回哪個頁面。下面看一個例子代碼：

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

我們做手機應用的時候，一般會在下面添加一些按鈕，這時候我們就可以在footer上添加按鈕了。這里我們不使用真正的按鈕，而是使用CSS來將A標簽，做成按鈕一下，在上面的程序中添加如下的代碼：

<div data-role="footer" class="ui-bar">
  <a href="credits.html">Credits</a>
  <a href="contact.html">Contact</a>
</div>