我有一个包含嵌套列表的列表,我想在单击它们时打开它们。在桌面和各种浏览器上运行良好,但当我使用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本身则无效。
a
元素。然而,由于某种原因,iOS还会计算具有cursor: pointer;
属性的元素。另一个解决方法是将onclick="none()"
添加到您的元素中。更多信息请参见:https://www.quirksmode.org/blog/archives/2010/09/click_event_del.html - Stan Derksen