javascript - 如果在 jQuery 中完成多页，则后退按钮在浏览器中不起作用

Question

我正在研究 jQuery。我想在同一页面中显示 2 个 div，但单击其链接时只需要显示一个 div。是否有任何条件使第二个 div 隐藏并显示第一个 div，当从第一页单击第二个 div 的链接时，该页面必须与第二个 div 一起加载。我通过这段代码实现了它：

    <script type="text/javascript">
     $(function() {
     $("#login").hide();
     $("#loginp").click(function(event){
        $("#login").show();
        $(".container").hide();      
        event.preventDefault();
     });
     });  
   </script>  

但是当我使用上面的代码时：浏览器中的后退按钮无法工作。请帮助或建议。提前致谢。

Answer 1

为此使用切换功能，

$(function() {
    $("#login").hide();
    $("#loginp").click(function(event){
       $("#login, .container").toggle();      
       event.preventDefault();
    });
});

Answer 2

您缺少doc ready处理程序的结束标记：

   <script type="text/javascript">
      $(function() {
         $("#login").hide();
         $("#loginp").click(function(event){
            $("#login").show();
            $(".container").hide();      
            event.preventDefault();
         });
      }); //<-----------this one try putting it.
   </script>