jquery - jquery .click() 在 iphone 上不起作用

Question

我在网站上有以下内容：

<div id="info-icon"><a href="javascript:void(0);">info</a></div>
<div id="info-panel" style="display:none;">
    <div id="info-close"></div>
    <p>Hello</p>
</div>

由以下 jquery 运行：

$(window).load(function() {
    $('#info-icon').on('tap', 'a', function () {
        $('#info-panel').show('slow', function() {
        });
    });

    $("#info-close").click(function () {
        $("#info-panel").hide(1000);
    });
});

它在 Firefox、Safari、IE 甚至 Android 上运行良好，但无法在 iphone 上运行。我尝试了几种解决方案，包括将 .click() 更改为 .on ('tap')，但似乎没有任何效果。我错过了什么？

-edit- 修正了我的示例代码，意识到我错过了开头 div 中的 a 标签。

Answer 1

试试这个：

$(document).on('touchstart click', '#info-icon', function () {
    $('#info-panel').show('slow');
});

$(document).on('touchstart click', '#info-close', function () {
    $("#info-panel").hide(1000);
});