如何写 - If Visible 选择器？

Question

不知道如何写这个；

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

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

我有这个；

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

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

 }

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

Answer 1

您可以过滤可见的 .sub1 并检查长度，如果有多个 .sub1，这可能不太好，也许可以为选择器添加一些特殊性。

此技术将过滤掉第一个 .sub1 的 css visibility:hidden 或 opacity: 0 元素 (':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); 
    }
});

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