jquery - 为什么if / elseif语句不起作用jquery

Question

对不起，如果这是重复但找不到任何相同的东西...

我无法让 if else 语句起作用。我完成了第一部分，但第二部分不会。目的是单击 div 并展开，然后再次单击时缩小。

$(document).ready(function(){
    if($(".back2").css("height") < "51px")
    {
        $(".back2").click(function()
        {
            $(".back2_img,.back2").css({"height":"200px"}, 'slow'); 
        });
    }
    ElseIf($(".back2").css("height") >"55px")
    {
        $(".back2").click(function()
        {
            $(".back2,.back2_img").css({"height":"50px"}, 'slow');
        });
    };
});

Answer 1

正确的语法是else if：

if (condition) {
    //code
}
else if (condition) {
    //code
}

Answer 2

我已经整理了你的代码，也不else if是ElseIf。
您的其中一个;. （不一定是代码破坏错误，而只是保持 100% 一致的好习惯，请参阅评论以获取更多信息）。

正确的代码嵌套将为您节省数小时的头痛！

$(document).ready(function() {
    if ($(".back2").css("height") < "51px") {
        $(".back2").click(function() {
            $(".back2_img,.back2").css({
                "height": "200px"
            }, 'slow');
        });
    }
    else if($(".back2").css("height") > "55px") {
        $(".back2").click(function() {
            $(".back2,.back2_img").css({
                "height": "50px"
            }, 'slow');
        });
    }
});​

Answer 3

它是“else if”而不是“ElseIf”，javascript 是一种区分大小写的语言。请用嵌套样式写！看在上帝的份上...拜托，这对你和其他人都有好处。像这样：

$(document)
.ready(
    function(){
        if ($(".back2").css("height") < "51px")
        {
            $(".back2")
            .click(
                function()
                {
                    $(".back2_img,.back2")
                    .css(
                        {"height":"200px"}, 
                        'slow'
                    );
                }
            );
        }
        else if ($(".back2").css("height") >"55px") {
            $(".back2")
            .click(
                function()
                {
                    $(".back2,.back2_img")
                    .css(
                        {"height":"50px"}, 
                        'slow'
                    );
                }
            );
         };
    }
);