jquery div幻灯片在Safari中不工作（在Chrome，FF中工作）。

Question

我有一个简单的div淡入淡出滑块，可在Chrome，Firefox和iPad上使用，但不会在Safari浏览器中触发。下一个/返回锚点不会触发该功能。他们甚至没有显示悬停的小指。有没有人有这个问题或知道一个可能的解决方案？

window.onload = function() { 
$(".divs div").each(function(e) { 
    if (e != 0) 
     $(this).hide(); 
}); 

$("#next").click(function(){ 
    if ($(".divs div:visible").next().length != 0) 
     $(".divs div:visible").fadeOut(function(){ 
      $(this).next().fadeIn(); 
     }); 
    else { 
     $(".divs div:visible").fadeOut(function(){ 
      $(".divs div:first").fadeIn(); 
     }); 
    } 
    return false; 
}); 

$("#prev").click(function(){ 
    if ($(".divs div:visible").prev().length != 0) 
     $(".divs div:visible").fadeOut(function(){ 
      $(this).prev().fadeIn(); 
     }); 
    else { 
     $(".divs div:visible").fadeOut(function(){ 
      $(".divs div:last").fadeIn(); 
     }); 
    } 
    return false; 
}); 
} 

HTML

<div class="divs"> 

<div class="cls1">..image/text..</div> 
<div class="cls2">..image/text..</div> 
<div class="cls3">..image/text..</div> 
... 

</div> 

<a id="prev" href="#"></a> 
<a id="next" href="#"></a>  

Answer 1

我测试了在Safari你的脚本，它为我工作。也许你应该试试看你的脚本。即使它不解决这个问题，一定会避免破脚本在未来：

$(".divs div").each(function (e) { 
    if (e !== 0) { 
     $(this).hide(); 
    } 
}); 

$("#next").click(function() { 

    if ($(".divs div:visible").next().length !== 0) { 
     $(".divs div:visible").fadeOut(function() { 
      $(this).next().fadeIn(); 
     }); 
    } else { 
     $(".divs div:visible").fadeOut(function() { 
      $(".divs div:first").fadeIn(); 
     }); 
    } 
    return false; 
}); 

$("#prev").click(function() { 

    if ($(".divs div:visible").prev().length !== 0) { 
     $(".divs div:visible").fadeOut(function() { 
      $(this).prev().fadeIn(); 
     }); 
    } else { 
     $(".divs div:visible").fadeOut(function() { 
      $(".divs div:last").fadeIn(); 
     }); 
    } 
    return false; 
}); 

小提琴：http://jsfiddle.net/624wu49h/