Javascript点击事件不发生'；我不能在iPad上工作

我已经使用backbone.js、jquery和纯javascript创建了一个网站。在我的侧菜单中，我列出了一些国家。如果您单击一个国家，则会打开一个子列表，其中包含城市；如果您单击一个城市，则另一个列表会在其下方展开，其中包含博物馆。每个博物馆旁边都有一个复选框。因此，当你打开列表时，所有复选框都被填满，所有博物馆都显示在我的页面中。关闭列表时，复选框将取消锁定，列表将切换。它适用于所有pc浏览器和我检查过的所有android设备。 但它在Ipad上不起作用。每次我点击一个城市，它可能会勾选或取消勾选复选框，切换或不切换e.t.c.的列表。它的工作非常奇怪

events: {
        "tap li.category a.check-toggle" : "toggleAllMuseums"
    },


toggleAllMuseums: function(e){.....}

html

伦敦


伦敦博物馆

---

这是我的代码示例。。问题只存在于iPad中。

这是iPad的一个已知问题

---

一个解决办法是考虑点击作为激活/悬停的元素：

我会试试看。非常感谢。

<li class="category">
    <a class="toggle check-toggle">London</a>
    <ul class="collapsible checkbox">
        <li>
            <label>
                <input type="checkbox"> London Museum
            </label>
        </li>
    </ul>
</li>