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

Question

我在我的网站上使用了一个简单的jQuery切换键。我在包括Android手机，iPad，iPhone 7和某些台式机在内的几种设备上进行了测试。但是此问题仅在iPhone 4s中发生（版本9.3.5）

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js"></script>

<div class="particule">
  <img id="img-1" src="">
  <img id="img-2" src="">
</div>

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

我进行了快速研究，发现CSS修复了（将cursor：pointer应用于元素）。而且更改为onclick事件对我不起作用。

Answer 1

试试看-

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

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