页面刷新时jQuery加载选定的选项卡

Question

我在“用户设置”选项卡中有一个用于添加新用户的按钮，但是当我单击它时，页面会重定向回“零售站点设置”选项卡。 （因为查询字符串“?tab=AdditionalProducts”）。

当我再次选择“用户设置”选项卡时，它会显示添加新用户的正确表单，因此用户设置选项卡可以正确打开，但由于查询字符串混乱。

我的示例代码：

$(function () {
    $("#tabs").tabs();
    $('#tabs').click('tabsselect', function (event, ui) {
     document.getElementById('hdnCurIndex').value = $("#tabs").tabs('option', 'active');
    });  

    if (document.getElementById('hdnCurIndex').value != -1) {
    $("#tabs").tabs("option", "active", document.getElementById('hdnCurIndex').value);                 
    }            
  }); 

所以请告诉如何在单击添加新用户按钮并刷新页面时再次显示“用户设置”选项卡。

hdnCurIndex 值返回 3，它是“用户设置”选项卡的索引。主要问题是查询字符串。当页面加载时，它只是重定向到“？tab=additionalProducts”， 如何将其更改为“？tab=useraccess”或完全删除它。

PS：如果有人直接想从菜单控件 (Addminitration) 转到特定选项卡，则添加此查询字符串 (?tab=additionalProducts)。

Answer 1

请在下面一行中使用 selected 代替 active。

if (document.getElementById('hdnCurIndex').value != -1) {
    $("#tabs").tabs("option", "selected ", document.getElementById('hdnCurIndex').value);                 
    }