JQuery.click.hide div中有div_Jquery

JQuery.click.hide div中有div

jquery

JQuery.click.hide div中有div,jquery,Jquery,我试图让脚本在用户单击“主页”时隐藏“主页”和其中的3个div #alpha { display:none; } $("#homepage-alpha").click(function(){ $("#homepage").hide(); $("#alpha").show(); }); <div id="homepage"> <div id="homepage-alpha"></div> <div id="homepage

我试图让脚本在用户单击“主页”时隐藏“主页”和其中的3个div

#alpha { display:none; }

$("#homepage-alpha").click(function(){ 
   $("#homepage").hide(); 
   $("#alpha").show(); 
});

<div id="homepage">
   <div id="homepage-alpha"></div>
   <div id="homepage-bravo"></div>
   <div id="homepage-charlie"></div>
</div>

<div id="alpha">
</div>

#alpha{display:none；}
$（“#主页alpha”）。单击（函数（）{
$（“#主页”）.hide（）；
$（“#alpha”）.show（）；
});

如评论中所述：

    #alpha { display:none; }

    <div id="homepage">
       <div id="homepage-alpha"></div>
       <div id="homepage-bravo"></div>
       <div id="homepage-charlie"></div>
    </div>

    <div id="alpha">
    </div>

    <script>       
    $("#homepage-alpha").click(function(){ 
       $("#homepage").hide(); 
       $("#alpha").show(); 
    });
    </script>

#alpha{display:none；}
$（“#主页alpha”）。单击（函数（）{
$（“#主页”）.hide（）；
$（“#alpha”）.show（）；
});

试试这个：

 <html>
 <head>
 <style>
  #alpha { display:none; }
 </style>
 </head>
    <body>
    <div id="homepage">
       <div id="homepage-alpha"></div>
       <div id="homepage-bravo"></div>
       <div id="homepage-charlie"></div>
    </div>

    <div id="alpha">
    </div>

    <script>       
    $("#homepage-alpha").click(function(){ 
       $("#homepage").hide(); 
       $("#alpha").show(); 
    });
    </script>
  </body>
  </html>


#alpha{显示：无；}
$（“#主页alpha”）。单击（函数（）{
$（“#主页”）.hide（）；
$（“#alpha”）.show（）；
});

您应该这样做

    ...
    <script>       
      $(document).ready(function(){
       $("#homepage-alpha").on('click',function(){ 
       $("#homepage").hide(); 
       $("#alpha").show(); 
      });
   });
   </script>

。。。
$（文档）.ready（函数（）{
$（“#主页alpha”）。在（'click'，function（）{
$（“#主页”）.hide（）；
$（“#alpha”）.show（）；
});
});

即使您将脚本放在主体之前，它也肯定会在DOM就绪后运行。

您的html和js代码很好，只要使用正确的方式即可

<div id="homepage">
   <div id="homepage-alpha"></div>
   <div id="homepage-bravo"></div>
   <div id="homepage-charlie"></div>
</div>

<div id="alpha">


$（函数（）{
$（“#主页alpha”）。单击（函数（）{
$（“#主页”）.hide（）；
$（“#alpha”）.show（）；
});
});

检查这个工作示例

您的代码应该在脚本标记中，并且在$（文档）中。ready Block您的代码有什么问题，它不起作用吗？虽然这通常会起作用，但最好将整个脚本包装在$（文档）中。ready（function（）{[code]}）；也如评论中所述。在开头的tag.Squbo.com中添加type=“text/javascript”也是一个好主意#Squbo退出有效（只需单击大的Squbo区域）#dennisrodman不起作用（当他出现在右上角时单击dennis）#dennisrodman在#home-20$（“#home-20”）.load（“system/controls/home-20.php”）；var refreshId=setInterval（function（）{$（“#home-20”）.load（'system/controls/home-20.php？randval='+Math.random（）；}，20000）$（#squbo exit”）.load（“system/controls/squbo exit.php”）。单击（function（）{$（#squbo”）.hide（）；$（#home”）.show（）}）$（#dennisrodman”）.load（“system/controls/squbo exit.php”）.click（function（）{$（#home”）.hide（）；$（#squbo”）.show（）}）；更新问题（可能？：）解决了的！感谢您的帮助：）这是最终的解决方案：$（“#home squbo”）.load（“system/controls/home squbo.php”）.click（function（）{$（“#home”）.hide（）；$（“#squbo”）.show（）}）；

<script> 
$(function() {
  $("#homepage-alpha").click(function(){ 
     $("#homepage").hide(); 
     $( "#alpha" ).show(); 
  });
});
</script>