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
});

另见

How to recognize touch events using jQuery in Safari for iPad?

点击iPhone / iPad上的监听器

1 个答案: