Javascript jQuery FadeIn和FadeOut导致闪烁？

我最初写的这个问题是关于jQuery插件的。此后，我尝试仅使用jQuery编写另一个代码：

$('#action-alerts .rotate:gt(0)').hide();
 setInterval(function(){
    $('#action-alerts .rotate:first-child').fadeOut(600)
       .next('.rotate').delay(600).fadeIn(600)
       .end().appendTo('#action-alerts');}, 
  3000);

此代码在iOS中仍然存在闪烁问题。我如何解决这个问题

以下是我原来的问题:

---

我正在使用一个名为jQuery的jQuery插件。它在浏览器中工作得很好，但是在iOS（v6）中，当转换发生时，它会闪烁。这很烦人，我不知道如何解决闪烁问题。我读过关于

-webkit backface visibility

，但我认为情况并非如此。首先，我的样式表中已经有了以下代码：

body {
   -webkit-backface-visibility: hidden;
}    

第二，这不只是适用于CSS 3转换吗？（还是我的理解不正确？）

我应该如何解决这个问题

HTML

<div id="action-alerts">
  <ul>
    <li>
       <div class="quote-holder">
       <div class="grid_10">
       <h3 class="action-box-red"><span class="alert-icon">Text</span></h3>     
       </div>
       <div class="grid_2">
       <a target="_blank" href="#" class="default_button xlarge textcenter red">Read the <br> Report</a>
       </div>
       </div>
    </li>
    <li>
       <div class="quote-holder">
       <div class="grid_10">
       <h3 class="action-box-red"><span class="alert-icon">Text</span></h3>     
       </div>
       <div class="grid_2">
       <a target="_blank" href="#" class="default_button xlarge textcenter red">Take <br> Action</a>
       </div>
       </div>
    </li> 
  </ul>
</div>

---

注意：我有更多的HTML比张贴在这里。这是一个片段。我使用的是jQuery1.8.3。如果它能工作，我不介意换成另一个插件（这意味着它会在

元素之间创建一个简单的淡入淡出过渡）。我曾尝试使用过Quote Rotator，但我有过，但无法使它工作

再想一想，问题可能是由于

fadeOut

导致元素在运行结束时显示

无。因此，当元素淡入时，首先需要显示它。这就是你描述的那种粗糙的“闪烁”

$('#action-alerts .rotate:gt(0)').fadeTo(10,0);
setInterval(function(){
    $('#action-alerts .rotate:first-child').fadeTo(1000,0, function() { 
        $('#action-alerts .rotate:first-child').next('.rotate').delay(300).fadeTo(1000,1)
          .end().appendTo('#action-alerts');
    });
}, 
3000);

j工作示例的中间部分：

$(function() {
    $('#action-alerts').quote_rotator({
        rotation_speed: 9000
    }); 
});

谢谢你的帮助。两个问题。1） 在第一个
div之后，在另一个中淡出的
将在另一个淡出之前出现。（注意：我将
，6000）
更改为
600
。2） 在我到达最后一个div后，它不会再开始。我不确定我是否理解您的第一个问题-也许您可以提供完整的HTML，以便我可以自己测试它？它在桌面上看起来很棒，但在iOS中仍然存在问题。@Lynda我刚刚在safari中尝试过，它看起来很好。。。对不起，我不明白为什么IOS会有问题。我相信这与javascript引擎有关，但我不是100%确定。我读过几篇关于这方面的文章。我想我可以试试CSS3，看看它是否更好，并使用jQuery作为旧设备的备用方案。