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

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>

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

2 个答案: