标签不能正常工作

Question

这段代码适用于某些标签，目前工作正常，但我想在＆＃39; webBar＆＃39;上显示链接，这样人们就可以导航到某个页面并查看特定标签

我想做的例子是 的index.html＃contenet3

$(function () {
    $(".tab-content").hide().first().show();
    $(".inner-nav li:first").addClass("active");

    $(".inner-nav a").on('click', function (e) {
        e.preventDefault();
        $(this).closest('li').addClass("active").siblings().removeClass("active");
        $($(this).attr('href')).show().siblings('.tab-content').hide();
    });

    var hash = $.trim( window.location.hash );

    if (hash) $('.inner-nav a[href$="'+hash+'"]').trigger('click');

});

Answer 1

试试这段代码：

    var hash = $.trim(window.location.hash);
    var tab;
    console.log ("hash: " + hash);
    switch (hash) {
        case "#tab1":
            tab = 0;
            break;
        case "#tab2":
            tab = 1;
            break;
        case "#tab3":
            tab = 2;
            break;
        default:
            tab = 10;

    }
    console.log(tab);
    $("#tabs").tabs();
    $("#tabs").tabs("option", "active", tab);

您必须使用“有效”选项并输入要显示的选项卡的索引。如果您想在网址上使用字符串，请添加开关。