的形式jQuery Mobile的加載圖標

像往常一樣，我掙扎與jQuery Mobile的...的形式jQuery Mobile的加載圖標

我有一個表格：

<form data-role="none" action='cart_checkout.php' METHOD='POST' data-ajax="false"> 
    <input type="hidden" name="itemname" value="test" /> 
    <input type="hidden" name="itemdesc" value="test" /> 
    <input type="hidden" name="itemnumber" value="f1" /> 
    <input type="hidden" name="custom" value="teste" /> 
    <input type="hidden" name="itemprice" value="99.00" /> 
    <input type="hidden" name="itemQty" value="1" /> 
    <input type="hidden" name="useraction" value="commit" /> 
    <input data-role="none" onclick="$.mobile.showLoadingMsg();" type="image" name="submit" src="images/checkout.png" border="0" align="top" alt="Check out with PayPal"/> 
</form>

我想顯示加載圖標時，用戶點擊提交。我試過很多例子，但加載圖標不顯示。

我的頭看起來是這樣的：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>

有什麼不對嗎？

來源

2014-02-12 Pedro Lobito

你'custom'和'useraction'輸入 – jcho360

@ jcho360 TKS但仍無法正常工作錯過了'/'。 –

爲什麼你不使用普通jQuery的隱藏顯示圖像？ – jcho360

我已經解決我的問題是：

<form data-role="none" action='cart_checkout.php' METHOD='POST' data-ajax="false"> 
<input type="hidden" name="itemname" value="test" /> 
<input type="hidden" name="itemdesc" value="test" /> 
<input type="hidden" name="itemnumber" value="f1" /> 
<input type="hidden" name="custom" value="teste" /> 
<input type="hidden" name="itemprice" value="99.00" /> 
<input type="hidden" name="itemQty" value="1" /> 
<input type="hidden" name="useraction" value="commit" /> 
<input data-role="none" id="go" onclick="$('#loading').show(); $('#go').hide()" type="image" name="submit" src="images/checkout.png" border="0" align="top" alt="Check out with PayPal"/> 
</form> 
<div id="loading" style="display:none;"> 
<p align=center"> Redirecting </p> 
<img src="loading.gif" alt="" /></div>

來源

2014-02-12 17:22:21

的形式jQuery Mobile的加載圖標

回答

相關問題