如何在页面重新加载后保持当前选项卡处于活动状态?

时间:2015-06-11 16:27:17

标签: javascript jquery html ajax

我目前正在使用标签,并希望在用户发布数据并重新加载页面后选择相同的标签页。

使用Javascript:

var _webView:StageWebView; //don't instantiate it here  

btnmap.addEventListener(MouseEvent.MOUSE_UP, addWebView);    
btnclosemap.addEventListener(MouseEvent.CLICK, closeWebView); 

function addWebView(e:MouseEvent):void  
{  
      if(!_webView){
          _webView = new StageWebView(); //Create a new one here if it doesn't exist / is null
      }
      _webView.viewPort = new Rectangle(0, 170, 480,510);  
      _webView.stage = this.stage;  
      _webView.loadURL("https://goo.gl/maps/b6lMB");  
       btnclosemap.visible =true; 
}  

function closeWebView(e:MouseEvent):void  
{  
     _webView.stage = null;  
     _webView.dispose();
     _webView = null; //make it null so you know it's been disposed
     btnclosemap.visible =false;
}

标签:

<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>

谢谢!

1 个答案:

答案 0 :(得分:1)

一种简单的方法是通过XMLHttpRequest即AJAX发布数据。这样,您的整个页面都不会重定向。另一种解决方案是将活动选项卡放在URL中。这样做的另一个好处是允许书签返回正确的选项卡。要将选项卡放在URL中,请查看pushstate(并考虑使用polyfill /向后兼容的方法来处理没有pushstate的浏览器)。