jquery - iPhone / iPad 上的点击监听器

Question

在 PC、Mac 和任何 Android 设备中，当您单击或触摸图像时，会调用 showItem 函数，并以全屏模式显示图像。

但是，当我在 Iphone/iPad 中测试时，当您第一次触摸图像时，会触发悬停事件，您需要再次触摸才能真正激活该功能。我该如何克服呢？

jQuery

this1.on("click", function(evt){ 
    evt.preventDefault();
    evt.stopPropagation();
    showItem(this1);
});

PS：this1 变量，是下面有 .item 类的 img

HTML / PHP

<div class='galleryImage'>
    <span class='hidden' title='images/galleries/".$category."/".$dir[$i]."' ></span>
    <img class='item image' src='images/galleries/".$category."/".$dir[$i]."' alt='image-jpg' />
    <img src='images/ajax-small.gif' class='galleryLoader' alt='galleryLoader' />
</div>

Answer 1

试试tap。确保你也加载了jQuery mobile。

this1.on("tap", function() {
    // your function here
});

也可以看看

• 如何在 iPad 版 Safari 中使用 jQuery 识别触摸事件？