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