jquery – 单击未在iOS上触发的事件

我有一个列表,其中包含嵌套列表,我想在点击它们时打开它们.它在桌面和各种浏览器上运行良好,但是当我使用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停止点击激活slidetoggle的复选框,但是在iOS上,它甚至不会下降,直到(并且只有)你勾选复选框.点击li本身在iOS设备中没有任何作用.

如果您将此样式添加到< li>元素,它的工作原理：

li { cursor: pointer; }

JSFIDDLE DEMO

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