На ПК, Mac и любом устройстве Android при нажатии или прикосновении к изображению вызывается функция showItem, и я показываю изображение в полноэкранном режиме.Нажмите прослушиватель на iPhone/iPad
, когда я тестирую это в Iphone/iPad, когда вы впервые касаетесь изображения, событие hover запускается, и вам нужно коснуться другого времени, чтобы фактически активировать функцию. Как я могу это преодолеть?
JQuery
this1.on("click", function(evt){
evt.preventDefault();
evt.stopPropagation();
showItem(this1);
});
PS: this1 переменной, является IMG с классом .item ниже
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>
Спасибо за ответ, однако, когда я пытаюсь добавить JQuery мобильный в моем веб-сайте, разметка добавляется к большинству элементов в моей странице, и разрывы компоновки. –
@ ΝίκοςΡουσσουνέλος Не используйте таблицу стилей. Просто добавьте ''. – Antony
Большое вам спасибо, это решило проблему :-) –