$（document）.ready does not work

-1

當我點擊提交按鈕時，爲什麼<div>沒有顯示「正在加載...」？我對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>

來源

2016-04-17 Praba

'$（「。upload-msg」）'是一個類選擇器。不保證該DOM查詢將返回單個節點。如果你想選擇一個特定的節點，使用一個ID（這是他們的目的：確定一個特定的節點）。類用於組/類別的元素，最適合用於樣式（CSS） –

看看您的控制檯。 –

控制檯的含義是什麼？ – Praba

您錯過了一個結局)。

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

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

     })); 
});

效果更好，請注意}))。您在'submit', (function中的函數之前並不需要(，因此您可以選擇刪除該函數。

來源

2016-04-17 14:05:04 Tdelang

$（document）.ready does not work

回答

相關問題