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

使用toggle像这样的功能，

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