jquery外部链接的问题

时间:2013-07-01 12:30:54

标签: javascript ajax jquery-ui jquery

我正在研究jquery。我在<li>代码中有4个标签。我已经为我的项目使用了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()
    }
});

提前致谢。

1 个答案:

答案 0 :(得分:0)

激活选项卡时,您可能需要在Cookie中设置选项卡位置/值,并在页面加载时检查Cookie中是否存在选项卡位置/值,然后相应地激活该选项卡或触发该选项卡上的单击事件。

可能有帮助