悬停对移动设备的影响

Question

我有一个简单的jquery函数，在图像悬停时淡入覆盖：

if($(".portfolioThumbs").length>0){
$(".magnify").css("opacity","0");
$(".magnify").hover(function(){$(this).stop().animate({opacity:1},"slow")},function()     {$(this).stop().animate({opacity:0},"slow")}
)};

如何在移动设备上使用同样的效果？我在某处读到了你可以使用'touchstart'和'touchend' - 如果这是对的，我怎么能把它结合到这个函数中呢？

谢谢！

Answer 1

也许这样的事情可行。

var hoverStart = function(evt){
    $(this).stop().animate({
        opacity:1
    },"slow")
};
var hoverEnd = function(evt)     {
    $(this).stop().animate({
        opacity:0
    },"slow")
}
if($(".portfolioThumbs").length>0){
    $(".magnify").css("opacity","0");
    $(".magnify").bind('touchstart',hoverStart);
    $(".magnify").bind('touchend',hoverEnd);
    $(".magnify").hover(hoverStart, hoverEnd);
}