Javascript 如何使用jQuery触发tab
我必须根据查询字符串打开表,我尝试了一些方法,但似乎不起作用Javascript 如何使用jQuery触发tab,javascript,jquery,jquery-ui-tabs,Javascript,Jquery,Jquery Ui Tabs,我必须根据查询字符串打开表,我尝试了一些方法,但似乎不起作用 $('.donate选项卡li:n个孩子(3)”).toggleClass('active')高亮显示选项卡,但不显示内容 下面的代码没有任何区别 $('.donate-tab li:nth-child(3) a').trigger("click"); // $('a.#tabD3').trigger("click"); 我设法使它与以下脚本一起工作 var getQueryString = function (field, u
$('.donate选项卡li:n个孩子(3)”).toggleClass('active')代码>高亮显示选项卡,但不显示内容
下面的代码没有任何区别
$('.donate-tab li:nth-child(3) a').trigger("click");
// $('a.#tabD3').trigger("click");
我设法使它与以下脚本一起工作
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');
}
}
在codepen中,似乎没有任何选项卡的任何内容,我也看不到定义的任何单击事件……那么,您希望通过触发它们来实现什么呢?您已经用“jquery ui选项卡”标记了这个问题,但我没有看到任何证据表明您实际使用了该插件。我已经更新了fiddleit,它仍然没有使用jquery ui选项卡,并且仍然没有任何单击事件。也没有任何CSS来显示/隐藏内容。你到底想达到什么目的?您谈到了从查询字符串打开表,但代码都是关于在一些非常基本的自制选项卡代码上触发不存在的单击事件。你到底想实现什么?我正在使用这个主题中的一个表,但我无法找到如何或何时使用该功能来触发选项卡事件,以便我可以使用它该页面正在使用引导和lightbox,除非创建者编写了自己的功能,否则它们可能会提供选项卡功能。因此,jQueryUITabs标记是错误的,您应该删除它。从别人的网站上抓取代码从来没有看上去那么简单:-)使用switch而不是多个if语句不是更好吗?@jazzgot,同意你的看法,可能有更好的方法进一步优化它
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');
}
}