1

これが繰り返しであるが、同じものを見つけることができなかった場合は申し訳ありません...

ifelseステートメントを機能させることができません。私は最初の部分を完了しましたが、2番目の部分は完了しません。目的は、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');
        });
    };
});
4

3 に答える 3

4

正しい構文はelse if次のとおりです。

if (condition) {
    //code
}
else if (condition) {
    //code
}
于 2012-09-08T07:19:28.790 に答える
3

私はあなたのコードを片付けました、またそれはそうではありelse ifませんElseIf
また、の1つで構文にわずかな問題がありました;。(必ずしも暗号解読エラーではありませんが、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');
        });
    }
});​
于 2012-09-08T07:21:07.947 に答える
2

これは「ElseIf」ではなく「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'
                    );
                }
            );
         };
    }
);
于 2012-09-08T07:22:23.763 に答える