为什么如果/ elseif的语句不工作的jQuery

很抱歉，如果这是一个重复，但无法找到任何东西一样ISH ...为什么如果/ elseif的语句不工作的jQuery

我不能得到的，如果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'); 
     }); 
    }; 
});

来源

2012-09-08 Chris Pateman

正确的语法是else if：

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

来源

2012-09-08 07:19:28 Daedalus

我收拾你的代码，也实在是不else ifElseIf。
您的;之一也有轻微的语法问题。（不一定是破坏密码的错误，但只是保持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-08 07:21:07

此外，使用大于和小于字符串的比较将无法按预期工作。即。 “140px”>“55px”= false –

';'s不是必需的，也不是语法错误将它放在用户所在的位置。 [参考文献]（http://stackoverflow.com/questions/1834642/best-practice-for-semicolon-after-every-function-in-javascript）。 – Daedalus

“; s不是必需的” - 我的观点恰恰是，为什么有一些不需要的东西？ - 为避免混淆，特别注明代码终点的分号。再加上JS验证器会抛出一个错误，所以不妨修复它们。 –

这是“否则，如果”不“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-08 07:22:23 Rikki

为什么如果/ elseif的语句不工作的jQuery

回答

相关问题