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上运行.我尝试了几种解决方案,包括更改.on('tap')的.click(),但似乎没有任何效果.我错过了什么？

-edit-修正了我的示例代码,意识到我错过了开场div中的标签.

Answer 1

试试这个:

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

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