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沒有正確初始化

回答

相關問題