JavaScript單擊事件在iPad上不起作用

Question

我創建了一個使用骨干網站.js，jquery和純javascript的網站。 在我的補充菜單中，我列出了一些國家/地區。 如果單擊一個國家，則將打開一個子列表，其中包含城市；如果單擊一個城市，則另一個列表將在其下方展開，並充滿博物館。 每個博物館旁邊都有一個復選框。 因此，當您打開列表時，所有復選框均已填寫，所有博物館都顯示在我的頁面中。 關閉列表時，復選框會被取消選中，列表會向上切換。 它適用於每個PC瀏覽器以及我檢查過的所有android設備。 但這在Ipad上不起作用。 每次我單擊一個城市時，它可能會選中或取消選中復選框，是否切換列表等等，其工作方式都很奇怪。

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


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

HTML

<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>

這是我的代碼示例。問題僅在iPad中。

Answer 1

這是ipad的已知問題

一種解決方法是將點擊視為激活/懸停元素： http : //www.danwellman.co.uk/fixing-jquery-click-events-for-the-ipad/