Question

我正在研究一个基本的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>

Answer 1

在使用$(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>

Answer 2

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

Answer 3

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

JQuery没有正确初始化

3 个答案: