$(文件).ready不起作用

时间:2016-04-17 14:00:23

标签: ajax

当我点击提交按钮时,为什么<div>没有显示&#39;正在加载...&#39;? 我对jQuery和Ajax的了解很少。请帮我解释一下。感谢

    <head>
  <script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

  <script>
    $(document).ready( function(e) {

            $(".frmUpload").on('submit',(function(e) {
                    e.preventDefault();
                    $(".upload-msg").text('Loading...');

            });
    });
  </script>
</head>

<h1>Ajax Image Upload</h1>
        <form action="" method="post" class="frmUpload">
            <input type="file" name="photoUpload" id="ajaxUpload">
            <input type="submit" value="UPLOAD">
        </form>
        <div class="img-preview"></div>
        <div class="upload-msg"></div>

1 个答案:

答案 0 :(得分:1)

您错过了结尾)

$(document).ready( function(e) {

        $(".frmUpload").on('submit',(function(e) {
                e.preventDefault();
                $(".upload-msg").text('Loading...');

        }));
});

效果更好,请注意}))。您在(中的功能之前并不严格需要'submit', (function,因此您也可以删除该功能。