Question

点击链接时我正在使用切换div。每个div都有自己的表单，提交到新页面，然后我使用返回链接转到上一页。但是它没有打开那个在表单提交时间上活跃的特定div。这是我正在使用的代码

<style>
.selected{
     color:red;
}
</style>
<a href="javascript:void(0);" class="pro" target="1">
            link2 
</a>
<a href="javascript:void(0);" class="pro" target="2">
            link 1
</a>
<div  id='div1' class="itargetDiv" >
   <form method="post" action="a.php">
        <input type="text" name="t1">
        <input type="text" name="t2"><br>
        <input type="submit" name="s1">
   </form>
</div>
<div  id='div2' class="itargetDiv" style="display:none;">
     <form method="post" action="a.php">
         <input type="text" name="t3">
         <input type="text" name="t4">
         <input type="text" name="t5">
         <input type="text" name="t6"><br>
         <input type="submit" name="s2">
     </form>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js">  </script>
<script type="text/javascript">
   $(document).ready(function(){
        $(".pro").click(function(){
            $(this).addClass("selected").siblings().removeClass("selected");
            var pullNumber = $(this).attr("target");       
           $("#div"+pullNumber).show(500).siblings(".itargetDiv").hide(500);    
       });
  });
</script>

Answer 1

我猜你需要使用session或localStorage。我不认为这是一个最好的解决方案，但这将有效...

在你的jquery中添加这个

    $(document).ready(function(){

        var a = localStorage.getItem("active_section");

        if(a=='1')
           $("#div"+a).show(500).siblings(".itargetDiv").hide(500);
        else if(a=='2')
           $("#div"+a).show(500).siblings(".itargetDiv").hide(500);
        else
           $("#div1").show(500).siblings(".itargetDiv").hide(500);//Default section u want to show

        $(".pro").click(function(){

           $(this).addClass("selected").siblings().removeClass("selected");
           var pullNumber = $(this).attr("target");    
           localStorage.setItem("active_section",pullNumber);   //Add this line
           $("#div"+pullNumber).show(500).siblings(".itargetDiv").hide(500);    
       });
    });

Answer 2

您可以为div添加特定的classes，这样当您单击后面时，您将能够知道点击了哪些div

如何返回上一页中点击后退链接时激活的div

2 个答案: