$ (документ) .ready не работает

-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 вернет один узел. Если вы хотите выбрать конкретный узел, используйте идентификатор (для чего они предназначены: для идентификации определенного узла). Классы предназначены для групп/категорий элементов и лучше всего используются для стилизации (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

$ (документ) .ready не работает

ответ

Смежные вопросы