2013-12-15 83 views
0

我試圖在加載頁面時隱藏一個id爲「test」的div,然後當你點擊時,div會出現。這是我到目前爲止有我的HTML:啓動時隱藏div

<html> 
<head> 
<title>Test</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script src="Test.js"></script> 
<link rel="stylesheet" type="text/css" href="Test.css"> 
</head> 
<body> 
    <p id="test">Test</p> 
</body> 
</html> 

這是我的jQuery:

$(document).ready(function(){ 
$("#Test").hide().load("Test.html", function(){ 
    $(this).click(function(){ 
    $(this).fadeTo('slow',1); 
}); 
}); 

現在還沒有,雖然工作,如果有人能幫我將不勝感激。

回答

1

jQuery是大小寫敏感的。您應該使用$("#test")而不是$("#Test")。您還可以隱藏段落純CSS與#test {display:none}

jsFiddle example(jQuery的)

jsFiddle example(CSS)

0

CSS:

#test{display:none;)  

jQuery的

$(document).ready(function(){ 
    $("#test").click(function(){ 
     $(this).toggle('slow',1); 
    }); 
}); 
0

在你的代碼定義:

<p id="test">Test</p> 

但在JavaScript的使用:

$("#Test").hide().load("Test.html", function(){ 

JavaScript是大小寫敏感的,使用:

$("#test").hide().load("Test.html", function(){ 

應該解決的問題