如何在jQuery中刷新頁面時保持選項卡？

頁面正在更改而不加載（感謝jQuery），但重新加載頁面後，它們總是返回主頁面（main.jsp）。刷新後可以保留在我選擇的頁面上嗎？如何在jQuery中刷新頁面時保持選項卡？

JSP文件（main.jsp中）：

<ul> 
    if ((loginBean.getStatus() != "") && (loginBean.getStatus() != null)) { 
%> 
<li><a href=main.jsp><h:outputText value="#{kom.glowna}"/></a></li> 
<li><a id="about_us" href="#about">O nas</a></li> 
    <% 
     if (loginBean.getStatus().equals("admin")) { 
    %> 
<li><a id="show_accounts" href="#accounts"><h:outputText value="#{kom.konta}"/></a></li> 
<li><a id="register_all" href="#register"><h:outputText value="#{kom.zarejestruj}"/></a></li> 
<li><a id="delete_account" href="#delete"><h:outputText value="#{kom.usun}"/></a></li> 
    <% 
    } else if (loginBean.getStatus().equals("klient")) { 
    %> 
<li><a id="zapis_na_wizyte" href="#visit"><h:outputText value="#{kom.wizyta}"/></a></li> 
<li><a id="add_animal" href="#animal"><h:outputText value="#{kom.zwierze}"/></a></li> 
<% 
} else if (loginBean.getStatus().equals("lekarz")) { 
%> 
<li><a id="patients" href="#patients"><h:outputText value="#{kom.pacjenci}"/></a></li> 
    <% 
     } 
    %> 
<li><a id="my_account" href="#account"><h:outputText value="#{kom.konto}"/></a></li> 
<li> 
    <h:form> 
     <h:commandLink action="#{loginBean.logout}" ><h:outputText value="#{kom.wyloguj}"/></h:commandLink> 
    </h:form> 
</li> 
<% 
} else { 
%>  
<li> 
    <h:form> 
     <h:commandLink value="Wróć do strony głównej." action="#{loginBean.logout}"><h:outputText value="#{kom.wroc}"/></h:commandLink> 
    </h:form> 
</li> 
<% 
    } 
%> 
</ul>

的JavaScript：

$().ready(function() 
{ 
    $("#about_us").click(function() 
    { 
     $("article").load("about.jsp"); 
    }); 
    $("#show_accounts").click(function() 
    { 
     $("article").load("showAccounts.jsp"); 
    }); 
    $("#register_all").click(function() 
    { 
     $("article").load("registerAll.jsp"); 
    }); 
    $("#delete_account").click(function() 
    { 
     $("article").load("deleteAccount.jsp"); 
    }); 
    $("#zapis_na_wizyte").click(function() 
    { 
     $("article").load("showAnimal.jsp"); 
    }); 
    $("#add_animal").click(function() 
    { 
     $("article").load("addAnimal.jsp"); 
    }); 
    $("#patients").click(function() 
    { 
     $("article").load("pacjenci.jsp"); 
    }); 
    $("#my_account").click(function() 
    { 
     $("article").load("account.jsp"); 
    }); 
});

我會gratefull任何幫助。

來源

2014-01-07 Zyngi

側面說明，建議不要使用'$（）。就緒（function'，相反，你應該使用'$（文件）。就緒（function'或'$（function' –