2013-03-31 2 views
0

На ПК, 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> 

ответ

0

Попробуйте tap. Убедитесь, что вы загрузили jQuery mobile.

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

Смотрите также

+0

Спасибо за ответ, однако, когда я пытаюсь добавить JQuery мобильный в моем веб-сайте, разметка добавляется к большинству элементов в моей странице, и разрывы компоновки. –

+0

@ ΝίκοςΡουσσουνέλος Не используйте таблицу стилей. Просто добавьте ''. – Antony

+0

Большое вам спасибо, это решило проблему :-) –

Смежные вопросы