2

夕方！要素がクリックされたときに要素のCSS背景位置を変更する必要があるスクリプトの半分があります-これは正常に機能します。ただし、2回目のクリックで背景位置を00にリセットするCSSが必要です。

よろしくお願いします！

$(document).ready(function(){
$('#login-btn').click(function(){
                $('#login-btn').css('backgroundPosition', '0px -39px');
                 }, function(){
                $('$login-btn').css('backgroundPosition', '0px 0px');

             });
            });
4

1 に答える 1

7

CSSをクラスに入れて、を使用します.toggleClass()。

例： http： //jsfiddle.net/xwnKP/

$('#login-btn').click(function(){
    $(this).toggleClass('clicked');
});

css

#login-btn {
    background-position: 0 0;
}
#login-btn.clicked {
    background-position: 0 -39px;
}

思い通りにやりたい場合は、からに変更する必要がありますclick() 。toggle()これは、複数の関数の引数を受け入れることを除けば、クリックに似ています。

例： http： //jsfiddle.net/xwnKP/1/

$('#login-btn').toggle(function() {
        $(this).css('backgroundPosition', '0px -39px');
    }, function() {
        $(this).css('backgroundPosition', '0px 0px');
});
于 2010-12-22T18:44:51.820 に答える