-2

ここの私のコードは機能していません...ifステートメントの条件として何を入れるべきかについて他のアイデアはありますか?どんな助けでも大歓迎です。ありがとう!

HTML:

<img class="image image1" src="images/spongebob1.jpg" />

CSS:

.image {
height: 94%;
margin: 0 auto;
position: absolute;
animation: moveSlider 5s 1;
-webkit-animation: moveSlider 5s 1;
}
@keyframes moveSlider {
from {left:0px;}
to {left:200px;}
}
@-webkit-keyframes moveSlider {
from {opacity:0;}
to {opacity:1;}
}

JS:

$(document).ready(function() {
    $(".image2, .image3, .image4, .image5").hide();
    if ($(".image1").css('opacity') === '1') {
        $(".image1").hide();
    } 
});
4

3 に答える 3

1

問題は、文字列として1を使用していることのようです。===文字列を整数に変換しません

if ($(".image1").css('opacity') === '1') {
    $(".image1").hide();
} 

'1'の代わりに===1を試してください

于 2012-10-22T19:00:59.910 に答える
1

JSの3行目を次のように変更してみてください。

if ($('.image1').is(':visible')) {

また、「vs」の使い方に一貫性を持たせるようにしてください。元の行でそれらを混ぜ合わせています。これは主に、生活を楽にするためだけのものです。

于 2012-10-22T19:01:44.643 に答える
0
$(document).ready(function() {
    $(".image2, .image3, .image4, .image5").hide();
    if ($(".image1").css({'opacity':'1'}) === true) {
        $(".image1").hide();
    } 
});
于 2012-10-22T19:29:17.003 に答える