jQuery如果ID hasClass不起作用

Question

如果ID具有特定的类，我需要设置类的高度。我正在使用下面的代码无效

if ($('#nav_menu').hasClass('active')){
    $('.extra').css("height","3000px");
}
else{
    $('.extra').css("height","100%");
}

#nav_menu的html为<li id="nav_menu">此列表项在点击时会获得一个类。因此，当<li id="nav_menu" class="active">时，.extra类应将其高度设置为3000px。

我的if条件出了什么问题？感谢

Answer 1

您可以使用.css代替.height。您也可以使用.on('click',..)处理程序处理它，不需要检查它是否具有类。

默认情况下：

.extra {
height: 100%
}

<强> JS：

$('#nav_menu').on('click', function() {
    $('.extra').height(3000px);    
});