0

私は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()
    }
});

前もって感謝します。

4

1 に答える 1

0

タブをアクティブにするときに、Cookie にタブの位置/値を設定し、ページが読み込まれるときに、タブの位置/値が Cookie に存在するかどうかを確認し、それに応じてそのタブをアクティブにするか、そのタブでクリック イベントをトリガーします。

これは役に立ちますか

于 2013-07-01T12:40:32.387 に答える