2011-02-18 2 views
3

Я пытаюсь сделать очень простой учебник по jQuery, но я не могу заставить его работать. Я вызываю библиотеку jquery из Google, а затем пытаюсь создать скрипт внутри html.jquery не работает внутри html-файла

Если я сделаю то же самое в файле .js, у меня не возникнет никаких проблем. Что мне здесь не хватает?

<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    </head> 
    <body> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"> 
      $(document).ready(function() { 
       $("a").click(function() { 
        alert("Hello world!"); 
       }); 
      }); 
     </script> 
      <a href="">Link</a> 

    </body> 
</html> 

ответ

10

Вы должны разделить это вверх:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"> 
    $(document).ready(function() { 
     $("a").click(function() { 
      alert("Hello world!"); 
     }); 
    }); 
</script> 

... на два элемента сценария:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a").click(function() { 
      alert("Hello world!"); 
     }); 
    }); 
</script> 

В этом фрагменте вы дали код в <script> элемента выиграл» t, потому что браузер оценивает содержимое только с атрибута src и игнорирует все остальное.

+0

количество времени я потратил на что-то настолько тупого безумен. Я никогда не думал, что требуется 2 элемента. Большое спасибо. –

+1

Нет проблем. Мы все были там. :) –

1

переместить скрипты в элемент головки, как это:

<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("a").click(function() { 
       alert("Hello world!"); 
      }); 
     }); 
    </script> 
</head> 
<body>  
    <a href="#">Link</a> 
</body> 
</html> 
Смежные вопросы