0

私はCSSでこのコードを持っています:

#blueToken
{
    top:415px;
    left:35px;
    z-index: 80;
}

#redToken
{
    top:405px;
    left:25px; 
    z-index: 70;
}

1 つのゲームを終了すると、1 つのトークンが「フィニッシュ ライン」にあり、もう 1 つのトークンは画面のどこにでもあります。ボタンをクリックしたら、両方の位置をリセットしたい。（私はjQueryでJSを使用しています）。

4

2 に答える 2

1

position propertyで使用する必要がありますtop, left or z-index property

これにもクラスを使用します

.blueToken
{
    top:415px;
    left:35px;
    z-index: 80;
    position:relative;
}

.redToken
{
    top:405px;
    left:25px; 
    z-index: 70;
    position:relative;
}

にはjquery.toggleClass()を使用しadd or remove classます。

これcodeはあなたを助けるかもしれません、

$('.btn-reset').click(function() {
    $(this).toggleClass('blueToken redToken');
});
于 2013-06-24T03:55:14.697 に答える
1

btn-reset開始位置が CSS コードと同じであり、位置をリセットするためのクラス名を持つボタンがあると仮定します。

$('.btn-reset').click(function() {
   $('#blueToken').css({
       top: 415,
       left: 35,
       'z-index': 80
   });
   $('#redToken').css({
       top: 415,
       left: 25,
       'z-index': 70
   });
});
于 2013-06-24T03:55:38.780 に答える