1

きがついた

$("body").on("click", "#id", function(event) {...

iOS では動作しません。

$("#id").on("click", function(event) {...

完璧に動作します。同じサイト、同じ jQuery (最新)、同じ DOM。#id が動的に追加されるため、後者は使用できません。

アイデア?

4

2 に答える 2

14

次のように一度試してください。

$(document).on("click touchstart", "#id", function(event) {...
于 2013-04-22T19:04:21.063 に答える
1

クリックを追加してタッチイベントを使用しない場合は、これを行うことができます (ただし、エージェントのスニッフィングが必要です)。

// Check if it is iOS
var isiOS = (navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false);

if(isiOS === true) {

    // Store -webkit-tap-highlight-color as this gets set to rgba(0, 0, 0, 0) in the next part of the code
    var tempCSS = $('a').css('-webkit-tap-highlight-color');

    $('body').css('cursor', 'pointer')                                    // Make iOS honour the click event on body
             .css('-webkit-tap-highlight-color', 'rgba(0, 0, 0, 0)');     // Stops content flashing when body is clicked

    // Re-apply cached CSS
    $('a').css('-webkit-tap-highlight-color', tempCSS);

}

http://www.texelate.co.uk/blog/post/124-add-a-click-event-to-html-or-body-on-ios-using-jquery/で詳細を参照してください。

于 2015-04-27T13:59:11.680 に答える