用jQuery控制.fadeOut（）

Question

我有以下jquery代码：

<script type="text/javascript">
$(function(){
    $('.gallery-slider li:gt(0)').hide();
    setInterval(function(){
      $('.gallery-slider li:first-child').fadeOut("slow")
         .next('.gallery-slider li').fadeIn(1000)
         .end().appendTo('.gallery-slider');}, 
      2000);
});
</script>

.fadeIn似乎正在工作，但.fadeOut似乎没有正确接受speed参数。我需要更改哪些内容才能正常工作？谢谢。

Answer 1

问题是淡入淡出功能没有阻止..

您可以将一个函数传递给淡出，以便它在完成后运行，例如

$('.blarg').fadeOut(100, function() {
  $('.blarg).fadeIn();
});

在它试图淡入之前会等到它完全消失。

Answer 2

试试这个：

$('.gallery-slider li:gt(0)').hide();
setInterval(function(){
    $('.gallery-slider li:first-child').fadeOut("slow", function() {
        $(this).next('.gallery-slider li').fadeIn(1000)
    }).appendTo('.gallery-slider');}, 
    2000);