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

这是“其他如果”不是“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'
                    );
                }
            );
         };
    }
);

为什么if / elseif语句不能正常运行jquery

3 个答案: