1

ページにタブを作成するために Atlassian Javascript フレームワークを使用しています。ページを更新するたびに、デフォルトのタブに戻り、選択したタブから離れます。スタックオーバーフローで同じ問題を検索した後、このコードを追加しましたが、機能していません。

<script>
    $('#prod-discovery a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

    // store the currently selected tab in the hash value
    $("ul.tabs-menu > li > a").on("shown.bs.tab", function (e) {
        var id = $(e.target).attr("href").substr(1);
        window.location.hash = id;
    });
    $('.active').removeClass('active');

    // on load of the page: switch to the currently selected tab
    var hash = window.location.hash;
    $('#prod-discovery a[href="' + hash + '"]').tab('show');

</script>

これは、タブを作成するためのコードです。

   <ul class="tabs-menu" role="tablist" id="prod-discovery">
        <li class="menu-item active-tab" role="presentation">
            <a href="#one" id="aui-uid-0-1430814803876" role="tab" aria-selected="true"><strong><h2>Tab One</h2></strong></a>
        </li>

        <li class="menu-item" role="presentation">
            <a href="#two" id="aui-uid-1-1430814803876" role="tab" aria-selected="false"><strong><h2>Tab Two</h2></strong></a>
        </li>

        <li class="menu-item" role="presentation">
            <a href="#three" id="aui-uid-1-1430814803876" role="tab" aria-selected="false"><strong><h2>Tab three</h2></strong></a>
        </li>

        <li class="menu-item" role="presentation">
            <a href="#four" id="aui-uid-1-1430814803876" role="tab" aria-selected="false"><strong><h2>Tab Four</h2></strong></a>
        </li>

        <li class="menu-item" role="presentation">
            <a href="#five" id="aui-uid-1-1430814803876" role="tab" aria-selected="false"><strong><h2>Tab5</h2></strong></a>
        </li>
    </ul>

参考までに、 http://jsfiddle.net/alok15ee/5wpmsqe5/1/も参照してください。

4

2 に答える 2

0

行上：

$('#prod-discovery a[href="' + hash + '"]').tab('show');

「#」が抜けていませんか？hrefを使用して現在のタブから値を抽出するsubstring(1)と、ハッシュが削除されます。

上記の行を次のように置き換えて、機能するようにしてください。

    $('#prod-discovery a[href="#' + hash + '"]').tab('show');
于 2015-07-21T12:57:22.680 に答える