jQuery的移動表單提交不工作時，哈希＃在URL

Question

我使用jQuery的移動1.0 Alpha 4.1來建立一個登錄表單。

登錄表單，當我從加載提交就好了第一次： http://m.myapp.local/

表單操作如下：

<form action="http://m.myapp.local/default/login" method="post">    

能正常工作第一次登錄嘗試，但是當登錄失敗，我們返回到下面的URL（這是jQuery的移動做到這一點）： http://m.myapp.local/#default/login

現在，當我嘗試再次登錄/再次提交表單noth發生並且我可以調試以發現錯誤。它說：

Javascript console: Uncaught TypeError: Cannot call method '_trigger' of undefined 

當調試更進一步，我看到了jQuery Mobile的試圖提交到以下網址：中 http://m.myapp.local/default/logindefault/login 代替 http://m.myapp.local/default/login

當然

，該網址不存在這導致錯誤。問題是，我怎麼能像這樣表現jq mobile？

賽程表：

<div data-role="content" data-theme="c"> 
<form action="http://m.myapp.local/default/login" method="post">    

<div data-role="fieldcontain" class="center"> 
<input placeholder="Shop Name" id="login_sitename" type="text" value="" name="sitename" /> 
<input placeholder="Email" id="login_username" type="text" value="" name="username" />      
<input placeholder="Password" id="login_password" type="password" name="password" /> 
</div> 

<button type="submit" data-theme="b">Log in</button> 
</form> 
</div> 

感謝您的幫助和建議！

更新： 一個字符串的事情我注意到，當我從URL中刪除哈希標記並再次提交表單時，它一切正常，所以它肯定與此有關。

但是，當我刪除散列標籤，它也將停止使用轉換，返回按鈕消失，以及和jQuery Mobile的「加載」對話框也不見了......

更新2： 好像這是一個jQuery的bug。當使用alpha 2時，它可以工作...

Answer 1

您可能會嘗試使用Diabling AJAX進行表單發佈。我有我的網站上相同的問題：

http://jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-sample.html

您可以在此嘗試提交鏈接： data-ajax =「false」

Answer 2

嘗試使用「％23」（不帶引號）代替＃符號。因此，如果URL中讀取

http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-sample.html

取代它成爲

http://jquerymobile.com/demos/1.0a4.1/%23docs/forms/forms-sample.html

希望這有助於！