JQM開發要注意事項

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;
});

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

(此篇文章為網路轉載,如有侵權請告知,會盡速將文章下架!)