Question

我的代码在这里工作......还有什么其他想法可以作为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();
    } 
});

Answer 1

问题似乎是你使用1作为字符串。 ===不会将字符串转换为整数

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

尝试=== 1而不是'1'

Answer 2

尝试将JS的第3行更改为：

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

另外，请尝试与您使用“vs”的方式保持一致 - 您将它们混合在原始行中。这主要是为了让您的生活更轻松。

Answer 3

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

如果语句不使用CSS值

3 个答案: