1

jQuery のスイッチ クラス関数を使用してボタンをアニメーション化する機能を自分のサイトで作成しています。

ページはhttp://www.minecraftserverland.com/testview.phpで見ることができます。

ボタンは、クリックすると白い背景から透明な背景になり、2 回目にクリックすると白い背景に戻ります。これは、Firefox と Internet Explorer では完全に機能しますが、Google Chrome では、切り替えられたクラスが適切にレンダリングされないようです。

ボタンは透明にならず、2 回目にクリックすると実際に黒くなります。ただし、任意の時点で要素を検査すると、クラスは自動的に修正されるため、javascript は明らかに適切に機能しています。

私が使用しているjqueryの例：

$("#ftb").click(function () {
    if ( $("#ftb").hasClass("s1") ) {
        $('#ftb.s1').switchClass( "s1", "sd1", 700, "swing" );
        $('input#main').val('1');
    } else if (  $("#ftb").hasClass("sd1") ) {
        $('#ftb').switchClass( "sd1", "s1", 700, "swing" );
        $('#bukkit').switchClass( "s1", "sd2", 700, "swing" );
        $('#vanilla').switchClass( "s1", "sd3", 700, "swing" );
        $('input#main').val('ftb');
    }
});

誰もこれに遭遇したことがありますか？なぜこれが起こっているのか知っていますか？ありがとう！

4

1 に答える 1