Question

我正在尝试在加载页面时隐藏带有id =“test”的div，然后当您单击时，将显示div。这是我到目前为止我的HTML：

<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);
});
});

它仍然没有用，如果有人可以请求帮助我会很感激。

Answer 1

jQuery区分大小写。您应该使用$("#test")而不是$("#Test")。您还可以使用#test {display:none}

的纯CSS隐藏段落

jsFiddle example （jQuery）

jsFiddle example （CSS）

Answer 2

CSS：

#test{display:none;)

jquery的

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

Answer 3

在您的代码中定义：

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

但是在你使用的Javascript中：

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

Javascript区分大小写并使用：

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

应该解决问题

在启动时隐藏div

3 个答案: