JQuery选项卡显示/隐藏嵌套选项卡上的错误
JQuery选项卡显示/隐藏嵌套选项卡上的错误
提问于 2015-03-07 01:33:19
我对jquery很陌生，我试图解决这个问题，但每次都失败了。
我在我的新网站上创建了这个带有引导选项卡和自定义JQuery选项卡的嵌套选项卡。但是在主选项卡上，我在第二个选项卡中添加了类.active。但是自定义选项卡总是从第一个选项卡加载详细信息。但单击该选项卡后，它将加载实际内容。
父选项卡由引导选项卡创建，子选项卡是自定义的。
要检查这个问题，请到下面url的“我们出色的租赁车队”部分。
这是URL
用于显示自定义选项卡的JQUERY代码：
$("#tab1 .car-details").hide();
$("#tab1 .car-details:first").show();
$("#tab1 ul.custom-tabs li").click(function() {
$("#tab1 .car-details").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
$("#tab1 ul.custom-tabs li").removeClass("active-cst");
$(this).addClass("active-cst");
});
$("#tab2 .car-details").hide();
$("#tab2 .car-details:first").show();
$("#tab2 ul.custom-tabs li").click(function() {
$("#tab12 .car-details").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
$("#tab2 ul.custom-tabs li").removeClass("active-cst");
$(this).addClass("active-cst");
});
$("#tab3 .car-details").hide();
$("#tab3 .car-details:first").show();
$("#tab3 ul.custom-tabs li").click(function() {
$("#tab3 .car-details").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
$("#tab3 ul.custom-tabs li").removeClass("active-cst");
$(this).addClass("active-cst");
});
$("#tab4 .car-details").hide();
$("#tab4 .car-details:first").show();
$("#tab4 ul.custom-tabs li").click(function() {
$("#tab4 .car-details").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
$("#tab4 ul.custom-tabs li").removeClass("active-cst");
$(this).addClass("active-cst");
});Stack Overflow用户
回答已采纳
发布于 2015-03-16 03:07:18
错误不在您的自定义脚本中，它不是您的标记。
<ul class="nav nav-tabs main-tabs" role="tablist">
<li role="presentation" class="active"><a href="#tab1" role="tab" data-toggle="tab">ECONOMIC CARS</a></li>
<li role="presentation"><a href="#tab2" role="tab" data-toggle="tab">PREMIUM CARS</a></li>
<li role="presentation"><a href="#tab3" role="tab" data-toggle="tab">LUXURY CARS</a></li>
<li role="presentation"><a href="#tab4" role="tab" data-toggle="tab">SUVs</a></li>
</ul>在上面的标记上，您使用了.active类作为第一个nav，但是在您拥有的选项卡上，您已经激活了第二个选项卡。
只需剪切/粘贴active类从第一个导航到第二个导航。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28910393
复制相关文章
相似问题
腾讯云开发者
