JQuery не инициализируется правильно

Я работаю над базовым сценарием Jquery, чтобы скрыть кнопку после нажатия на HTML-страницу. Однако при нажатии кнопки кнопка ничего не делает. код ниже. JQuery был обновлен до последней версии.JQuery не инициализируется правильно

<!DOCTYPE html> 
<html> 
<head> 
<title>Test Page</title> 
<script type = "text/javascript"> 

$(document).ready(function(){ 
    $('#button').click(function(){ 
     $('#button').toggle(); 
    }); 
}); 

</script> 
<script type = "text/javascript" src="jquery-2.0.1.js"></script> 
<link rel="stylesheet" type="text/css" href="style.css"> 
</head> 

<body> 

<div id = "button">Find Printer</div> 

</body>

источник

2013-05-30 Jpm61704

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

работает для меня => http://jsfiddle.net/39E9p/ – PlantTheIdea

Зачем использовать '.toggle()'? После того, как вы скроете его, вы не сможете снова щелкнуть его! Просто используйте '.hide()'. –

Перед тем, как использовать $(document).ready(), необходимо загрузить jquery. Переместите тег скрипта для jQuery над тегом javascript.

<!DOCTYPE html> 
<html> 
<head> 
<title>Test Page</title> 
<script type = "text/javascript" src="jquery-2.0.1.js"></script> 
<script type = "text/javascript"> 

$(document).ready(function(){ 
    $('#button').click(function(){ 
     $('#button').toggle(); 
    }); 
}); 

</script> 
<link rel="stylesheet" type="text/css" href="style.css"> 
</head> 

<body> 

<div id = "button">Find Printer</div> 

</body>

источник

2013-05-30 14:30:33 Ceres

Спасибо за помощь :) – Jpm61704

Ваш скрипт загружен до загрузки jQuery. Переместите ссылку jQuery перед блоком кода, и он будет работать нормально.

источник

2013-05-30 14:30:27

Сначала загрузите скрипт jQuery, а затем позвоните по номеру $(document).ready().

источник

2013-05-30 14:35:57 vicky

JQuery не инициализируется правильно

ответ

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