jquery - iOS 上不触发点击事件

Question

我有一个包含嵌套列表的列表，我想在单击它们时打开它们。它在桌面和各种浏览器上运行良好，但当我使用 iOS(无论是 iPad 还是 iPhone)时，它就无法运行。

列表如下所示:

<ul class="lessonList">
   <li class="lessonItem" id="1"><input type="checkbox" class="scopeCheck">Default Scope
      <ul style="display:none;" class="scope1">...other content in here</ul>
   </li> 
</ul>

代码如下:

$(document).on("click",".lessonItem",function(e){
    e.stopImmediatePropagation();
         $(this).children("ul").slideToggle();

});

我有一个 stop immediateprop 来停止单击激活滑动切换的复选框，但是在 iOS 上，它甚至不会掉落，直到(且仅当)您选中该复选框。在 iOS 设备上点击 li 本身没有任何作用。

Answer 1

如果将此样式添加到 <li>元素，它有效:

li { cursor: pointer; }

JSFIDDLE DEMO

这似乎是 iOS 事件的错误 – reference .