iT邦幫忙

DAY 13
4

學習手機網站開發系列 第 10

JQM開發要注意事項-Day 13

JQuery Mobile在使用上有哪些需要注意的地方
●Javascript使用須知:
1.jQuery Mobile是採用ajax方式運作,除了第一次loading的page以外,皆只有取出該page content畫面,因此如果每個page都有各自的js,只有第一個page的js會執行,且後續change page都會執行第一個page的js。
2.因此所有page需共用一個js檔較為恰當,可於pageinit/pagechange event來客制各page自訂功能之js

●url非預期路徑 :因jQuery Mobile是採用ajax方式load page,因此除了第一個page以外,其他page的url都會被變更為{原URL}/#/{新URL},因此引用css/js(可於放入content來引用)路徑也會因此而不正確。

●page cache:jQuery Mobile預設每一個Page都會cache資料,因此,第二次以後進入相同page/url時,將不會引起server side動作(no postback),如需要server side反應,請關閉dom cache功能。

$(document).bind(“mobileinit", function () {
$.mobile.page.prototype.options.domCache = false;
});

以上分享,有任何問題還請多多指教。
謝謝謝謝謝謝


上一篇
JQuery Mobile 清單搜尋元件-Day9
下一篇
利用ThemeRoller 工具自訂主題樣式- Day 14
系列文
學習手機網站開發27

1 則留言

0
SunAllen
iT邦高手 1 級 ‧ 2013-10-01 23:16:56

沙發 大大加油!!小弟也有在用JQM讚讚讚

ramya iT邦新手 4 級 ‧ 2013-10-02 23:13:21 檢舉

謝謝你,我會繼續加油,筆記

我要留言

立即登入留言