Question

我正在尝试检查CSS'display'属性是否设置为“none”，如果要将slideDown元素设置为“menuBK”，否则请滑动“menuBK”但是我得到了一个我的IF线上的错误。

$(document).ready(function(){
    $("#burger").click(function(){
        if $("#menuBK").css( "display", "none" ); {
            $("#menuBK").slideDown('slow');
            $('body').addClass('noscroll');
        } else {
            $("#menuBK").slideUp('slow');
            $('body').removeClass('noscroll');
        } 
    }); 
});

Answer 1

您需要将if $("#menuBK").css( "display", "none" );更改为if ($("#menuBK").css( "display")=="none")，

$(document).ready(function(){
    $("#burger").click(function(){
      if ($("#menuBK").css( "display")=="none") {
        $("#menuBK").slideDown('slow');
        $('body').addClass('noscroll');
    } 
    else {
        $("#menuBK").slideUp('slow');
        $('body').removeClass('noscroll');
    } 
    }); 
});

或者您可以使用jQuery is()方法

$(document).ready(function(){
    $("#burger").click(function(){
      if ($("#menuBK").is(":hidden")) {
        $("#menuBK").slideDown('slow');
        $('body').addClass('noscroll');
    } 
    else {
        $("#menuBK").slideUp('slow');
        $('body').removeClass('noscroll');
    } 
    }); 
});

Answer 2

删除;在if和add（）

之后

if ($("#menuBK").css( "display" ) == 'none') {
        $("#menuBK").slideDown('slow');
        $('body').addClass('noscroll');
    } 
    else {
        $("#menuBK").slideUp('slow');
        $('body').removeClass('noscroll');
    }

Answer 3

使用jquery :visible选择器。

$(document).ready(function(){
    $("#burger").click(function(){
      if ($("#menuBK:visible").length == 0) {
        $("#menuBK").slideDown('slow');
        $('body').addClass('noscroll');
    } 
    else {
        $("#menuBK").slideUp('slow');
        $('body').removeClass('noscroll');
    } 
    }); 
});

jQuery IF / Else语句

3 个答案: