点击事件在 iPhone 4s 上不起作用

Question

我在我的网站上使用了一个简单的jQuery切换。我在少数设备上对其进行了测试，包括Android手机，iPad，iPhone 7和一些台式PC。但这个问题只发生在iPhone 4s(版本9.3.5(中

<li>
<div class="mobile-menu-wrapper">
<div class="content-wrapper">
<div id="nav-icon4" class="toggle-canvas-menu">
<span>test</span>
</div>
</div>
</div>
</li>

$('.toggle-canvas-menu').click(function() {
$('body').attr('id', 'msg-body');
$('#msg-body').toggleClass('open');
$('.toggle-canvas-menu').toggleClass('open');
});

我做了一个快速的研究，发现css修复(将光标：指针应用于元素(。而且更改为点击事件对我不起作用。

Answer 1

试一试 -

$('body').on('click', '.toggle-canvas-menu', function() {
$('body').attr('id', 'msg-body');
$('#msg-body').toggleClass('open');
$('.toggle-canvas-menu').toggleClass('open');
});

否则，请尝试使用css的复选框/标签方法来触发菜单。