jQuery toggleClassがモバイルデバイスで正常に動作しない

Question

jQueryトグル機能に問題があります。これはPC上では機能しますが、モバイルデバイスでは機能しません。

オープニングリンクとして画像アイコン付きモバイルナビゲーションがあります。クリックすると、クラスがアクティブに変更され、背景イメージが古典的なメニューバーからクロスに変更されます。誰かが同じ問題を抱えており、それを解決する方法を知っていますか？

ありがとうございました！

$(document).ready(function(){ 
$('#toggle-menu').click(function() { 
    $(this).toggleClass('active'); 
}); 
}); 



#toggle-menu { 
width: 30px; height: 30px; display: block; 
background: url('menu-bar.png') no-repeat center center; background-size: cover; 
} 


.active#toggle-menu { 
background: url('menu-cross.png') no-repeat center center; background-size: cover; 
cursor: pointer; 
} 

Answer 1

化合物クラスが正しくないように、「アクティブ」クラスをIDトグルメニューに切り替えています。

#toggle-menu.active { 
    background: url('menu-cross.png') no-repeat center center; 
background-size: cover; 
    cursor: pointer; 
    }