Question

我尝试使用fadeIn和fadeOut效果，如您在此页面中所示： 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

jQuery Hoverable Plugin：

统一触摸和移动设备等不同平台上的触摸和鼠标事件

这可能是您的应用的一个很好的选择。

Answer 2

您想要创建一个与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 3

让用户点击手表，然后再次点击以删除信息。

这可以使用.toggle（）方法完成： http://api.jquery.com/toggle-event/

关于iPad中悬停效果的淡出

3 个答案: