如何使用 jQuery 触发选项卡

Question

我必须根据查询字符串打开 table，我尝试了一些方法但似乎不起作用

if (tabid == "tabD3") {
    $('.donate-tab li:nth-child(3)').toggleClass('active');
    $('.donate-tab li:nth-child(3) a').trigger("click");
    // $('a.#tabD3').trigger("click");
}

$('.donate-tab li:nth-child(3)').toggleClass('active'); 突出显示选项卡但不显示内容。

下面的代码没有任何区别

$('.donate-tab li:nth-child(3) a').trigger("click");
// $('a.#tabD3').trigger("click");

Answer 1

我设法让它与以下脚本一起工作

 var getQueryString = function (field, url) {
            var href = url ? url : window.location.href;
            var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i');
            var string = reg.exec(href);
            return string ? string[1] : null;
        };

        var tabid = null;
        tabid = getQueryString('tab'); // returns 'chicken'
        if (tabid !=null)
        {
            $('.donate-tab li').removeClass('active');
            $('.tab-content > .tab-pane').removeClass('active');

            if (tabid == "tabD1") {
                $('.donate-tab li:nth-child(1)').toggleClass('active');
                $('.tab-content #tabD1').toggleClass('active');
            }
            if (tabid == "tabD2") {
                $('.donate-tab li:nth-child(2)').toggleClass('active');
                $('.tab-content #tabD2').toggleClass('active');
            }
            if (tabid == "tabD3") {
                $('.donate-tab li:nth-child(3)').toggleClass('active');
                $('.tab-content #tabD3').toggleClass('active');
            }
            if (tabid == "tabD4") {
                $('.donate-tab li:nth-child(4)').toggleClass('active');
                $('.tab-content #tabD4').toggleClass('active');
            }
            if (tabid == "tabD5") {
                $('.donate-tab li:nth-child(5)').toggleClass('active');
                $('.tab-content #tabD5').toggleClass('active');
            }

        }

如何使用 jQuery 触发选项卡

How to trigger tab using jQuery

javascript

jquery

jquery-ui-tabs