Question

我正在使用这个jquery ui

我项目中的

标签。但刷新页面后，它不会保留该活动标签..任何人都知道如何做到这一点

<div id="tabs">
    <ul>
        <li> <a href="#tabs-1"> Active </a> 
        </li>
        <li> <a href="#tabs-3"> Expired</a> 
        </li>
    </ul>
    <div id="tabs-1"></div>

Answer 1

使用隐藏文件中继信息。

写入隐藏文件的功能

function getParameterByName( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

获取参数。

var param = getParameterByName('yourVar');

参考：Jquery read query string

Answer 2

您可以使用 jquery-cokkie plugin ，因为jquery已弃用了标签的Cookie选项（ See this ）。

$( "#tabs" ).tabs({
active   : $.cookie('remembertab'),
activate : function( event, ui ){
    $.cookie( 'remembertab', ui.newTab.index(),{
        expires : 7
    });
}
});

这会将cookie remembertab设置为活动7天

保留jquery ui制表符的状态

2 个答案: