javascript - 简单的jQuery条件语句

我的网站上有一个非常简单的脚本。

如果标题可见，它将删除类fixed，否则将添加它。

$(function() {
        $(window).scroll(function() {
            $(".wrapper > header").visible(true) ?
                $(".wrapper > main > nav").removeClass("fixed") :
                $(".wrapper > main > nav").addClass("fixed");
        });
    });

除了在fixed类之间切换之外，我还想在fixed2类之间切换。

因此添加：

$(".scrollWrapper").removeClass("fixed2") :
$(".scrollWrapper").addClass("fixed2");

但是我不确定如何添加它。

最佳答案

由于将有两个语句，因此需要恢复为正常的if / else：

if($(".wrapper > header").visible(true)){
     $(".wrapper > main > nav").removeClass("fixed");
     $(".scrollWrapper").removeClass("fixed2");
}else{
     $(".wrapper > main > nav").addClass("fixed");
     $(".scrollWrapper").addClass("fixed2");
}

或者，不要使用任何条件，并为此使用toggleClass方法：

var toggle = $(".wrapper > header").visible(true);
$(".wrapper > main > nav").toggleClass("fixed", toggle);
$(".scrollWrapper").toggleClass("fixed2", toggle);

注意：上面假设您有一个visible-插件，否则该方法将不起作用。要测试可见性，您应该使用.is(':visible')

关于javascript - 简单的jQuery条件语句，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34777850/