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/