jQuery如何实现当刷新页面的时候,刷新的是当前选项卡页面,而不是每次刷新都跑到第一个页面,怎么才能够实现

z229285904 2015-08-25 10:38:32

jQuery如何实现当刷新页面的时候,刷新的是当前选项卡页面,而不是每次刷新都跑到第一个页面,怎么才能够实现，要求是不能用ajax、cookie

...全文

2097 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

雨天里的蘑菇芽 2017-10-16

打赏
举报

楼主最后怎么解决的啊？求方法

强迫症患者m 2015-08-26

打赏
举报

ajax的异步通信可以吧

豪情 2015-08-26

打赏
举报

用hash。关键代码：


var hash = location.hash;
    if(hash){
        tab(hash.match(/\d+/)[0]);
    }
    $('.b').click(function(){
        tab($(this).index());
    });
    function tab(index){
        $('.a').siblings('.a').hide().end().eq(index).show();
    }

完整代码：


<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <!--<script type="text/javascript" src="js/jquery-1.11.2.js"></script>-->
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.js"></script>
    <style type="text/css">
        *{ margin:0; padding:0; }
        body{ font:12px/1.125 Arial, Helvetica, sans-serif; background:#fff; }
        a{ color:#0a8cd2; text-decoration:none; }
        a:hover{ text-decoration:underline; }
        .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
        .clearfix{ display:inline-block; }
        .clearfix{ display:block; }
        .clear{ clear:both; height:0; font:0/0 Arial; visibility:hidden; }
        .none{ display:none }
    </style>
</head>
<body>
<a class="b" href="#tab0">b1</a>
<a class="b" href="#tab1">b2</a>
<a class="b" href="#tab2">b3</a>
<div class="a">a1</div>
<div class="a none">a2</div>
<div class="a none">a3</div>
<script>
    var hash = location.hash;
    if(hash){
        tab(hash.match(/\d+/)[0]);
    }
    $('.b').click(function(){
        tab($(this).index());
    });
    function tab(index){
        $('.a').siblings('.a').hide().end().eq(index).show();
    }
</script>
</body>
</html>