jquery - ID hasClass が機能しない場合の jQuery

Question

ID に特定のクラスがある場合、クラスの高さを設定する必要があります。動作しない以下のコードを使用しています

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

このリスト項目の html は#nav_menu、クリックするとクラスを取得します。<li id="nav_menu">そのため<li id="nav_menu" class="active">、.extraクラスの高さを 3000px に設定する必要があります。

if 条件の何が問題になっていますか? ありがとう

Answer 1

代わりに.cssを使用できます.height。また.on('click',..)、handler を使用して処理するため、hasClass かどうかを確認する必要はありません。

デフォルトでは:

.extra {
height: 100%
}

JS:

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