2015-06-03 2 views
-3

У меня этот код. Может ли кто-нибудь сказать мне, что мне не хватает? Заранее спасибо.Button click handler не работает

<!DOCTYPE> 
    <html> 
    <head> 
    <script="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> 
    </script> 
    </head> 
    <body> 
    <button id="button1">AddRow</button>  
     <script> 
      $(document).ready(function(){ 
       $('#button1').click(function(){  
        alert("button1 clicked"); 
       }); 
      }); 
     </script> 
    </body> 
    </html> 
+0

Что означает 'и это не работает .'? Что должен делать ваш код? # – Jens

ответ

5

линия Ошибка:

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

Ваш script тег не хорошо сформирован. В результате jQuery не загружается, и вы получите ошибку

Uncaught ReferenceError: $ is not defined

Решение Добавьте пробел после script и использовать type перед ="text/javascript",

<!DOCTYPE> 
 
    <html> 
 
    <head> 
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> 
 
    </script> 
 
    </head> 
 
    <body> 
 
    <button id="button1">AddRow</button>  
 
     <script> 
 
      $(document).ready(function(){ 
 
       $('#button1').click(function(){  
 
        alert("button1 clicked"); 
 
       }); 
 
      }); 
 
     </script> 
 
    </body> 
 
    </html>

+2

спасибо человеку .... моя глупая ошибка –

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