重新加載頁面后如何保持當前選項卡處於活動狀態？

Question

我當前正在使用標簽，並希望在用戶發布數據並重新加載頁面后選擇相同的標簽。

Javascript：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        var $items = $('#vtab>ul>li');
        $items.mousedown(function() {
            $items.removeClass('selected');
            $(this).addClass('selected');

            var index = $items.index($(this));
            $('#vtab>div').hide().eq(index).show();
        }).eq(0).mousedown();
    });
</script>

標簽：

<div id="vtab">
    <ul>
        <li class="user"><a href="#">User</a></li>
        <li class="category"><a href="#">Category</a></li>
    </ul>
<!--user-->        
    <div>Content</div>
</div>
<!--category-->        
    <div>Content</div>
</div>

謝謝！

Answer 1

一種簡單的方法是通過XMLHttpRequest aka AJAX發布數據。 這樣，您的整個頁面將不會重定向。 另一種解決方案是將活動選項卡放在URL中。 這具有允許書簽也返回到正確選項卡的附帶好處。 要將選項卡放在URL中，請查看pushstate （並考慮使用polyfill /向后兼容的方法來與沒有pushstate的瀏覽器一起使用）。