jQuery Mobile页面返回无需重新get
jquery?mobile新版中沒有返回按鈕的解決方案
1、 需要在頁面源代碼的 page 中加上?data-add-back-btn="true"?。
2、同時(shí)頁面的代碼中加上一句 js 代碼即可: $(document).bind("mobileinit", function() { $.mobile.page.prototype.options.addBackBtn = true; });----------------------------------------
jQuery Mobile頁面返回?zé)o需重新get
http://www.th7.cn/web/ajax/201208/5059.shtml
?
頁面在切換完后,會(huì)觸發(fā)pagechange事件,于是我把pagebeforeshow改成了pagechange,一切都按預(yù)期運(yùn)行,并且沒有錯(cuò)誤,終于大功告成了。
總結(jié)
在使用該插件時(shí),請(qǐng)注意以下幾點(diǎn):
1、必須在引用該腳本之前,引用jquery和jquery mobile腳本文件;
2、必須在page上增加data-dom-cache="true"。
?
----------------------------------------------------------
jquerymobile-5 back button和footer ?
使用jquerymobile的時(shí)候,我們新進(jìn)入一個(gè)頁面可能需要添加一個(gè)返回按鈕,用戶返回到上一個(gè)頁面,我們可以使用上一篇文章中的方法,在Header中添加返回上一個(gè)頁面的鏈接,但是這樣有一點(diǎn)不好,如果這個(gè)頁面有多個(gè)入口(即可以從多個(gè)頁面跳入本頁面),那么我們這個(gè)返回就得做判斷了。在這種情況下我們可以使用jquerymobile的data-add-back-btn屬性,并將其值設(shè)為true。這樣jquerymobile會(huì)自動(dòng)為我們記住該返回哪個(gè)頁面。下面看一個(gè)例子代碼:
? ?<a?href=""?data-rel="back">Go?back...</a>??
我們做手機(jī)應(yīng)用的時(shí)候,一般會(huì)在下面添加一些按鈕,這時(shí)候我們就可以在footer上添加按鈕了。這里我們不使用真正的按鈕,而是使用CSS來將A標(biāo)簽,做成按鈕一下,在上面的程序中添加如下的代碼:
?
總結(jié)
以上是生活随笔為你收集整理的jQuery Mobile页面返回无需重新get的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在Eclipse中搭建Python开发环
- 下一篇: The Code Commandment