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（）'。 –

您必须首先加载jQuery才能使用$(document).ready()。在javascript标记上移动jQuery的脚本标记。

<!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没有正确初始化

回答

相关问题