2

私はウェブサイトに次のものを持っています：

<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 (「タップ」) の .click() を変更するなど、いくつかの解決策を試しましたが、何も機能していないようです。私は何が欠けていますか？

-edit- サンプル コードを修正し、開始 div の a タグを見逃していたことに気付きました。

4

1 に答える 1

6

これを試して：

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

$(document).on('touchstart click', '#info-close', function () {
    $("#info-panel").hide(1000);
});
于 2013-04-30T15:45:34.630 に答える