淡出在iPad上

Question

悬停效果我试图使用淡入和淡出效果，你可以在这个页面中看到： http://www.lifetime-watches.com/gal-w.html

var titleString = $(this).find('a').attr("title"); 
$("#title").html(titleString).fadeIn(100); 
; 

所以，当他们运行脚本的图像的标题会消失在一个div。

但问题是，当这个页面在iPad中打开时，悬停功能不起作用（因为显然他们没有悬停）并且div不会淡出。

这有什么替代方法？任何帮助表示赞赏。谢谢。

Answer 1

您想要创建与click事件一起工作的第二个实现。可能是这样的：

$(selector syntax).click(function() { AnimationEffect(this); }); 
$(selector syntax).mouseenter(function() { AnimationEffect(this); }); 

function AnimationEffect(TheDiv) { 
//your animation goes here, TheDiv is the jquery object 
//you can access it like this: $(TheDiv). 
} 

Answer 2

的jQuery Hoverable Plugin：

统一触摸和鼠标事件对像桌面和移动设备触摸屏用

这可能是为您的应用很好的选择不同的平台。

Answer 3

让用户点击手表，然后再次点击以摆脱信息。 http://api.jquery.com/toggle-event/