-1

これはさまざまな場所でかなり虐殺されている可能性が非常に高いですが、それでも答えが得られることを願っています.

2 つのタブがあります。Tab1 をクリックすると、Tab2 に CSS クラスを追加します。一度にクリックできるタブは 1 つだけなので、Tab1 をクリックすると「クリック不可」になり、代わりに他のタブをクリックできます。

関数を作成し、これらの 2 つのタブを 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"));
});
4

2 に答える 2

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");
});
于 2013-01-28T06:50:01.990 に答える
1

コードの実行を停止する構文エラーがあります。あなたのコードは問題ないようです。

変化する

  return();

に

   return;
于 2013-01-28T06:50:34.193 に答える