我正在研究 jquery。我在标签中有 4 个<li>标签。我的项目使用了 jquery 1.9.1.js。我的<li>看起来像下面的那个。我得到了使用http://www.asual.com/jquery/address/docs/#api-reference的解决方案。但事实是我已经使用并导入了这个外部库，但它似乎不起作用。我想要达到的目标是，当我选择特定<li>项目并按 f5 时，默认情况下页面会加载第一个<li>项目。但我正在寻找的是，它必须<li>在刷新时加载相同的选定项目及其内容。任何帮助，将不胜感激。
这是我的 HTML 代码：
<div class="container">
<div class="coolbar">
<div class="cool-inner">
<ul id="mybar" class="nav cool-tabs">
<li class="Coke">
<a href="#" data-toggle="tab">Coke </a><span class="dashboard-bottom"></span>
</li>
<li class="Fanta">
<a href="#" data-toggle="tab">Fanta</a><span class="Pricing-bottom"></span>
</li>
<li class="Pepsi">
<a href="#" data-toggle="tab">Pepsi</a><span class="Promotion-bottom"></span>
</li>
<li class="Limca">
<a href="#" data-toggle="tab">Limca</a><span class="Product-bottom"></span>
</li>
</ul>
</div>
</div>
</div>.
<div id="login">
<button type="button" id="submit" value="Login" class="btn">Click me for cool drinks</button>
</div>
我的页面刷新的jquery代码：
$(function() {
$('#submit').click(function() {
$('.container').show();
$('#login').hide();
$.cookie('shown', true);
});
if ($.cookie('shown')) {
$('#submit').click()
}
});
提前致谢。