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

Posted 2023-03-14

【中文标题】点击事件在 iPhone 4s 上不起作用

【英文标题】：Click event isn't working on iPhone 4s

【发布时间】：2018-08-28 11:58:14

【问题描述】：

我在我的网站中使用了一个简单的 jQuery 切换。我在一些设备上进行了测试，包括 android 手机、iPad、iPhone 7 和一些台式电脑。但是这个问题只发生在 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 修复（应用光标：指向元素的指针）。而且更改为 onclick 事件对我也不起作用。

【参考方案1】：

试一试-

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

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