如何编写 - If Visible 选择器？

Question

不知道怎么写；

如果 .sub1 可见，则 .homepage fadeTo .25

Sub1 有 FadeIn，如果 sub1 打开，我希望主页不透明度降至 0.25？

我有这个；

 $("#cat").click(function(){
 if ($('.sub1').is(':visible') ) {
 $(".homepage").fadeTo(500, .25);}

 else {
 $(".homepage").fadeTo(500, 1);

 }

我正在制作的实际网站 > Website Mockup > 单击类别在子菜单中淡出并使主页不透明度 25%，再次单击类别，使子菜单淡出使主页 100%.....但是单击类别 > 时尚> 男士时尚 > 智能，调出“男士智能时尚 div”，但再次单击类别会使男士智能时尚 div 淡出，并带回 .sub1，但当 .sub1 打开时，.homepage 是 100% 而不是 25%

Answer 1

您可以过滤可见的.sub1并检查长度，如果有多个.sub1's，这可能不是那么好，也许给选择器增加一点特异性。

此技术将过滤出带有 css visibility:hidden 或 opacity: 0 的元素，用于第一个 .sub1 (':eq(0)')。如果长度为 0，条件将返回 false。

if($('.sub1:eq(0):visible').length) {
    //.homepage fade to .25
}

修订：

$("#cat").click(function(){
    if ($('.sub1').css('opacity') == .25 ) {  

        $('.homepage').fadeTo(500, 1);

    } else {

        $('.homepage').fadeTo(500, .25); 
    }
});

我认为它不会淡入的原因是因为您的条件是检查不透明性：0，您在淡入 0.25 时从未达到过。您应该将条件设置为检查数字.25，以避免检查多个字符串，例如'.25' 或'0.25'。 Firefox 报告'0.25'。