Question

好的，所以我遇到了一些问题。我有一个div调整大小以适应浏览器窗口大小，在div中我使用循环插件淡出一些文本。这一切都有效，但我想要发生的是一旦循环插件完成我想让输入包装器div (#bigshot)淡出然后从底部向上滑动另一个div。无论出于何种原因，我无法得到任何工作。我已经尝试过设置超时功能，我尝试过使用延迟功能。我完全失去了。以下代码是我目前的工作原理。

    $(document).ready(function() {
    $('#bigshot').cycle({ 
            fx:      'fade', 
            speed:    1000, 
            timeout:  1500,
            nowrap: 1 
    });
});

function theheight() {
    var height = $(window).height();
    $("#bigshot").css('height', height);
}

$(document).ready(function() {
    theheight();
    $(window).bind('resize', height); 
});

所以基本上，一旦这个过去（这应该花费7500毫秒），我会淡出div (#bigshot)，然后从屏幕底部向上滑动一个名为{{1的新div }}。

就像我说的那样，我已经尝试了所有我能想到的东西而无法让它发挥作用。我的猜测是上面的代码需要以某种方式改变，以使一切工作正常，但我不是一个jQuery策划者。我知道得到的东西已经完成了，但是在一天结束时我通常最终需要帮助，所以我在这里。

Answer 1

您是否尝试过end？

$('#bigshot').cycle({ 
  fx:      'fade', 
  speed:    1000, 
  timeout:  1500,
  nowrap:   1,
  end:      function() {
    //animations here, something like... 
    $('#bigshot').fadeOut('fast');
    $('#main-content').css({top: '100%'}).animate({top: '0'},'fast');  
  }
});

您可以使用end here查看演示，并详细了解api here。

循环和淡出的jQuery问题

1 个答案: