菜鸟学JQuery，代码运行出来的结果是点击按钮隐藏的层不显示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" />
<title>弹出层</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
</head><body>
<script type="text/javascript">
   $("#a").click(
  function()
{
 $("#pop_layer").show();
}
);
</script>
    <input type="button" value="button" id="a" />
<div class="pop_layer" id="pop_layer" style="display:none">
       <div class="pop_layer_title"><h3>新建后台帐号</h3><a href=""></a></div>
       <form action="" method="post" class="pop_layer_form">
          <p><label><span class="red">*</span>账号：</label><input type="text" class="pop_layer_text" /><span class="error_info"></span></p>
          <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
          <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
          <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
          <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
          <p><label><span class="red">*</span>手机号：</label><input type="text" class="pop_layer_text" /></p>
          <p class="re">建议不超过20个字</p>
          <p class="password">初始密码：123456</p>
          <p class="p_l_75"><input type="button" value="确定" class="pop_layer_btn" /><input type="button" value="取消" class="pop_layer_btn"/></p>
       </form>
    </div>
</body>
</html>
jQueryHTMLlabel

解决方案 »

  1.   


    $(function(){
     $("#a").click(function(){
       $("#pop_layer").show();
      }
     );
    });
      

  2.   

    $(function(){   
    $("#a").click(
      function()
    {
     $("#pop_layer").show();
    }
    );
    });
    这个是可以的
    或者你把你的css文件贴出来
      

  3.   

    你确定引入了jQuery不$(function(){
       $("#a").click(function(){
          $("#pop_layer").show();
       });
    });注意看下firebug下有没有报错
      

  4.   

    楼上给出的答案是对的。你的代码不执行是因为js部分在执行的时候，#a和#pop_layer元素在js代码下面还没加载出来，所以$('#a')和$('#pop_layer')取到的都是个空jquery对象。
    1.你可以把js部分放到文档结尾，即</body>之前。
    2.你也可以遵循楼上的写法，这样写的意思就是等html文档加载完后再执行。
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
    <title>弹出层</title>
    <script type="text/javascript" src="jQuery.js"></script>
    <style>
    #pop{
    display:none;
    }
    </style><script type="text/javascript" >
    $(document).ready(function(){
      $("#a").click(function(){
    $("#pop_layer").show();
    });
    });
    </script>
    </head>
    <body>
        <input type="button" value="button" id="a" />
    <div class="pop_layer" id="pop_layer" style="display:none">
           <div class="pop_layer_title"><h3>新建后台帐号</h3><a href=""></a></div>
           <form action="" method="post" class="pop_layer_form">
              <p><label><span class="red">*</span>账号：</label><input type="text" class="pop_layer_text" /><span class="error_info"></span></p>
              <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
              <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
              <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
              <p><label><span class="red">*</span>用户名：</label><input type="text" class="pop_layer_text" /></p>
              <p><label><span class="red">*</span>手机号：</label><input type="text" class="pop_layer_text" /></p>
              <p class="re">建议不超过20个字</p>
              <p class="password">初始密码：123456</p>
              <p class="p_l_75"><input type="button" value="确定" class="pop_layer_btn" /><input type="button" value="取消" class="pop_layer_btn"/></p>
           </form>
        </div>
    </body>
    </html>
    你没有加一句话。。仔细看这个，可以运行了