Question

我用jquery构建了一个app，并使用phonegap build编译。还有一个网站版本。当用户提交数据时，会有一个预加载器显示其在后台工作的内容在网站上正常工作。但在应用程序中，预加载器无法工作。

<span style="width: 480px; margin: 0 auto; margin-top: 30px;"><img src="imgs/loader.gif" alt="" name="fpass" id="fpass" style="display: block; margin: 0 auto; width: 30px; visibility: hidden;" /></span>

jquery的

<script type="text/javascript">
  $('#form3').submit(function() {
    $('#fpass').css('visibility', 'visible');
    return true;
});

 </script>

HTML

<form id="form3" name="form3" method="post" action="">
<table width="436" border="0" cellpadding="4" cellspacing="4">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>Enter your Email Address</td>
        </tr>
        <tr>
          <td><label for="email3"></label>
          <input name="email3" type="email" id="email3" size="40" required="required"  /></td>
        </tr>
        <tr>
          <td>&nbsp;
            <button>Submit</button>
          <div align="center"></div></td>
        </tr>
        <tr>
          <td><span style="width: 480px; margin: 0 auto; margin-top: 30px;"><img src="imgs/loader.gif" alt="" name="fpass" id="fpass" style="display: block; margin: 0 auto; width: 30px; visibility: hidden;" /></span></td>
        </tr>
      </table>
</form>

Answer 1

您可以使用event.preventDefault()

$('#form3').submit(function(e) {
    e.preventDefault();
    $('#fpass').css('visibility', 'visible');
    return true;
});

http://jsfiddle.net/9q76jeu2/

Image Preloader无法显示在android上

1 个答案: