在ipod / iphone / ipad上查看我的网站时出现jquery悬停行为问题

Question

我有一个网站，其链接使用jquery在链接悬停时交换图像。单击链接时，图像被原始文件替换，然后默认操作触发（浏览器跟随链接）

出于某种原因，由于链接需要两次点击才能让浏览器跟踪链接。第一次点击替换图像（好像它正在盘旋），第二次点击跟随链接。这是一个用于处理悬停和点击的jquery代码片段。

$("#youtube").mouseenter(function(){
    $('#youtube_hover').stop(true,true);
    $("#youtube_hover").fadeIn(300);    
}).mouseleave(function(){
    $('#youtube_hover').fadeOut(300);       
}).click(function(){
    $('#youtube_hover').fadeOut(300);
});

就好像在idevice上的safari将第一次触摸注册为mousenter事件而没有别的。我希望它会注册为click事件，因此在代码中遍历整个序列，然后运行默认操作。

编辑：只是为了澄清：我并不希望悬停行为会对这个问题起作用。桌面/笔记本电脑浏览器有悬停行为。我只是希望在点击一次时能够遵循链接。

Answer 1

我不建议对iDevices使用悬停操作，因为没有能力悬停。为iDevices和常规浏览器动态添加js。