0

JQuery を使用して最初のテストを実行しようとしていますが、予想よりも難しいようです。いくつかの長い操作を呼び出す単純なフォームがあります。私が欲しいのは、読み込み中に進行状況バーを表示することです。次のコードで私がやろうとしているのは、ユーザーがフォームを送信するときに、送信ボタンをプログレス バーに置き換えることです。次のページの読み込みに時間がかかるため、素晴らしいアニメーションが表示され、待たされることになります。

<html>
  <head>
    <title>Test form</title>
  </head>
  <body>
    <form id="myCuteLittleForm"><input type="submit" id="submit"/></form> 
    <br />
    <script src="http://code.jquery.com/jquery-1.9.1.js">
      $(document).ready(function() {
        $('#myCuteLittleForm').submit(function() {
          $("#submit").replaceWith('<progress value="" max="">Import en cours.</progress>');
        });
      });
    </script>
  </body>
</html>

しかし、私の大きな苦痛には、それはうまくいきません。私は悪いjqueryをしているだけですか、それとも根本的な理解がありませんか?

4

1 に答える 1

2

他のスクリプトタグでそれを行います：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
      $('#myCuteLittleForm').submit(function() {
          $("#submit").replaceWith('<progress value="" max="">Import en cours.</progress>');
      });
  };
</script>
于 2013-07-17T09:21:14.070 に答える