0 
<tab>
<div class="switchLeft"></div>


.switchLeft
{

}

.switchRight
{

}



js code

 $("div.switchLeft").click(function () {

          if (className == "switchRight") {
            $(this).removeClass("switchRight");
            $(this).addClass("switchLeft");

        }

        else if (className == "switchLeft") {
            $(this).removeClass("switchRight");
            $(this).addClass("switchRight");
            break;

        }

    });

しかし、それ以外の場合は、スイッチが再び機能し、switchRight を削除していただきありがとうございます

4

3 に答える 3

2

あなたが持っている

 $(this).removeClass("switchRight");
 $(this).addClass("switchRight");

私はあなたがしたいと思う

 $(this).removeClass("switchLeft");
 $(this).addClass("switchRight");

それ以外の場合は、同じクラスを追加および削除するだけです。

于 2012-07-27T15:13:42.560 に答える
0

クラスにアクセスするには、使用できるthis.className か、そうでなければなりません$(this).attr('class')

if($(this).attr('class') == "switchRight") {

    $(this).removeClass("switchRight");
    $(this).addClass("switchLeft");

}

else if ($(this).attr('class') == "switchLeft") {
    $(this).removeClass("switchLeft");
    $(this).addClass("switchRight");
    break;

}

this.className で

if(this.className == "switchRight") {

    $(this).removeClass("switchRight");
    $(this).addClass("switchLeft");

}

else if (this.className == "switchLeft") {
    $(this).removeClass("switchLeft");
    $(this).addClass("switchRight");
    break;

}
于 2012-07-27T15:17:22.230 に答える
0

試す

$("div").click(function () {
    $(this).toggleClass("switchLeft switchRight");
});

http://jsfiddle.net/S4WG3/

注:コードが毎回切り替わらない理由の 1 つは、元のセレクターが原因です。 classで s$("div.switchLeft")のみをプルするため、s withは決して元に戻りません。divswitchLeftdivswitchRight

于 2012-07-27T15:43:02.440 に答える