0

我正在开发一个基本的 Jquery 脚本，以在 HTML 页面上单击按钮后隐藏该按钮。但是，当它被单击时，该按钮什么也不做。代码如下。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>
4

3 回答 3

7

在使用之前，您必须先加载 jquery $(document).ready()。将 jQuery 的 script 标签移到您的 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-30T14:30:33.053 回答
1

您的脚本在您加载 jQuery 之前已经加载。将 jQuery 链接移到代码块之前，它会正常工作。

于 2013-05-30T14:30:27.367 回答
0

尝试先加载 jQuery 脚本，然后调用$(document).ready().

于 2013-05-30T14:35:57.660 回答