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;
    }