使用jqMobi開發app基礎：panel屬性data-defer介紹 · jqMobi開發app基礎

?panel作為最重要的ＵＩ之一，屬性data-defer介紹很簡單，官方介紹 1. data-defer="filename.html"?- This will load content into the panel from a remote page/url. This is useful for separating out content into different files. af.ui.ready is not available until all files are loaded asynchronously. 經過測試，還沒有發現如何從遠程讀取數據，但本地的文件是可以的。但這個本地文件，可以使用ajax請求遠程服務器，更新數據。例如： ~~~ <div id="login" title="辦公平臺" class="panel" data-defer="login.html" > ~~~ login.html文件內容 ~~~ <div title="協同辦公平臺" > <input type="hidden" id="islonin" value="false" /> <div class="formGroupHead"> 用戶名</div> <input type='text' id="txtusername" class='af-ui-forms' placeholder="Enter your user" style="background-color:Black"> <div class="formGroupHead"> 密碼</div> <input type='password' id="txtpassword" class='af-ui-forms' placeholder="Enter your pwd" style="background-color:Black"><br /> <div> <label> 記住密碼</label><input id="forgetPwd" type="checkbox" name="forgetPwd" value="1" class="toggle"><label for="forgetPwd" data-on="On" data-off="Off"><span></span></label><br /> <label> 自動登錄</label><input id="outologin" type="checkbox" name="outologin" value="0" class="toggle"><label for="outologin" data-on="On" data-off="Off"><span></span></label> </div> <br /> <a class="button block" id="btnLogin">登錄</a> </div> <script type="text/javascript"> var serviceUrl = "http://localhost:57843/Eas.WebsiteUpdate/"; $("#btnLogin").bind("click", loginFun); function loginFun() { var para = { j_username: $("#txtusername").val(), j_password: $("#txtpassword").val() }; var url = serviceUrl + "UIPhoneAjax/MobLogin.ashx"; $.ui.showMask("登錄中……"); $.post(url, para, function (res) { if (res.IsSuccess) { $.ui.hideMask(); $("#loginlink").hide(); $("#logoutlink").show(); $("a").remove("#loginlink"); $.ui.hideModal(); $("#islonin").val(true); $("#home").show(); // alert( $("#islonin").val()); } else { $.ui.hideMask(); $("#afui").popup(res.Msg); } }, "json", function () { $.ui.hideMask(); $("#afui").popup("網絡連接失敗！"); }) } </script> ~~~ 我個人理解它會把data-defer中的指定的文件內容記載到panel中,但因為panel包含在body標簽中,login.html文件似乎不能再包含html,head等標簽,否則顯示不出來. 也就是說data-defer中的指定的文件內容有一定限制,但具體有什么限制,目前還不是很清楚,也沒有找到相關文檔.