2014-11-22 7 views
-1

Извините за дублированный вопрос, но я не решаю эту проблему с очень простым (жестким?) Кодом. Да, я пробовал решение Rory McCrossan's, но он все еще не работает. Что я делаю неправильно?Событие Click не работает

<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title>Welcome</title> 
    <script type="text/javascript"></script> 
    <script> $(document).ready(function() { 
     $('#sta').on('click', function(){ 
      alert("Hi"); 
     }); 
    }); 
    </script> 
</head> 
<body> 
<p id="name"></p> 
<input type="button" id="sta" value="Click me"/> 
</body> 
</html> 
+2

Какая у вас ошибка в консоли? – ummahusla

+1

Вы не включили jquery. –

+1

Вы забыли включить jQuery –

ответ

2

Ошибка в том, что вы не связали библиотеку jQuery с вашим документом HTML. Вот почему вы не можете выполнить код jQuery на своей странице.

Попробуйте чистый код JavaScript, чтобы предупредить,

<input type="button" onclick="showAlert()" id="sta" value="Click me"/> 

функция JavaScript, как,

function showAlert() { 
    alert('Hello world!'); 
} 

или вы можете попробовать добавить библиотеку JQuery здесь.

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

Эти методы устранили бы эту ошибку.

2

По вашему коду - http://jsfiddle.net/ye5Ltuj7/

Похоже, вы забыли добавить jQuery.js

Просто добавьте его в заголовок.

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 

или

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
2

Вы используете JQuery в вашем JavaScript, но Jquery не включена на странице. Попробуйте добавить эту строку:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

в вашем заголовке над <script> тега.

0

Вы забыли включить библиотеку запросов. Включите строку ниже в свой код, который является последней библиотекой jquery.

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 

Как никогда не зависеть от jquery для простых задач, подобных этим. Время загрузки страницы будет увеличено, так как оно должно загрузить библиотеку jquery из Интернета. Вы можете использовать приведенный ниже код, который будет делать то же самое, что и код jquery.

<input type="button" id="sta" value="Click me" on click="alert("Hi")"/> 
Смежные вопросы