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

你正在切换一个活跃的＆＃34; class to id toggle-menu所以你的复合类是不正确的。您需要选择并设计样式：

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

jQuery toggleClass在移动设备上无法正常工作

1 个答案: