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 回答