可见性if语句:如果css显示不是none,那么

时间:2017-01-23 00:24:32

标签: javascript jquery if-statement visibility display

我有这个Javascript功能,它不起作用。括号中没有错误。我知道,这也可以通过可见性完成,但在我的情况下,这似乎更好,如果可能的话我想继续使用它。

我有三个按钮,并且通过悬停每个按钮,匹配的div将淡入(.one,.two,.three)。该代码(此处未显示)已经很好用了。

现在我想要显示.hello,当所有三个div都消失时(aka显示不是' none'再也不像我在CSS文件中写的那样,因为Javascript通过淡化它们来改变它,对吧?)。

CSS:

.hello {
    display: none; }

使用Javascript:

jQuery(function() {

    if (jQuery('.one').css('display') !== ('none') &&
        jQuery('.two').css('display') !== ('none') &&
        jQuery('.three').css('display') !== ('none')) {

            jQuery('.hello').fadeIn();
        }
});

这有什么不对吗?

1 个答案:

答案 0 :(得分:0)

我确信有一个更好的解决方案,但一开始我想到了。该功能不应在更改时执行。



IEnumerator DelayMethodLeftInstantiate(){

        yield return new WaitForSeconds(1);
        Instantiate (leftLaser, firep.position, Quaternion.identity);
    }

    IEnumerator DelayMethodRightInstantiate(){

        yield return new WaitForSeconds(1);
        Instantiate (RightLaser, firep.position, Quaternion.identity);
    }

//you did this part already.
$("#1st").hover(function(){
  $(".one").fadeIn();
});
$("#2nd").hover(function(){
  $(".two").fadeIn();
});
$("#3rd").hover(function(){
  $(".three").fadeIn();
});

//checks when hover
$("#1st,#2nd,#3rd").hover(function(){
    // same code 
    if (jQuery('.one').css('display') !== ('none') &&
        jQuery('.two').css('display') !== ('none') &&
        jQuery('.three').css('display') !== ('none')) {
            jQuery('.hello').fadeIn();
        }
})

.one,.two,.three,.hello{
display:none;
}