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（）但似乎没有任何效果。我错过了什么？

CNC中修复了我的示例代码，意识到我错过了开场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);
});

jquery .click（）在iphone上不起作用

1 个答案: