这很可能在不同的地方被剔除,但希望我能得到一个答案。
我有两个标签。当我单击Tab1时,我想向Tab2添加一个CSS类。 一次只能单击一个选项卡,因此单击Tab1时,它将变为“无法点击”,而是可以单击其他选项卡。
我正在考虑创建一个函数并将这两个标签作为参数传递给jQuery函数,但我不认为这是正确的方法...这是代码:
function toggleTabs(tabClicked,otherTab){
var tabClicked = tabClicked;
var otherTab = otherTab;
if(tabClicked).hasClass("regLogPassive") {
tabClicked.addClass("regLogActive");
otherTab.removeClass("regLogActive");
} else {
return();
}
}
$(".tab1").click(function() {
toggleTabs($(".tab1"), $(".tab2"));
});
$(".tab2").click(function() {
toggleTabs($(".tab2"), $(".tab1"));
});
答案 0 :(得分:2)
三个代码:
HTML:
<div class="tab">tab1</div>
<div class="tab">tab2</div>
JS:
$(".tab").click(function() {
if($(this).hasClass("active")){
return;
}
$(".tab.active").removeClass("active");
$(this).addClass("active");
});
答案 1 :(得分:1)
您有语法错误,这将阻止您的代码执行。你的代码似乎没问题。
更改
return();
要
return;