0

我正在一个单页网站上工作，在展示主要内容之前我会使用介绍。介绍（大约十秒）立即触发并以以下代码结束：

// Fade in divs for intro

$('.intro-logo').fadeIn(800).delay(800, function() {
    $('.groupC').delay(400).fadeOut(800, function() {
        $('.main-holder').fadeIn(800);
        hash_handler();
        $('.footershow').delay(1600).fadeIn(800);
    });
});

在此事件期间，hash_handler 被触发，它根据 url 中的 # 滚动主页以显示页面的正确部分。

在介绍过程中，会显示一个 SKIP 按钮，按下时遵循以下代码：

function hideIntro() {
    $('.groupC').fadeOut(800);
    $('.main-holder').fadeIn(800);
    hash_handler();
    $('.footershow').delay(1600).fadeIn(800);
}

请告知如何在按下 SKIP 按钮时取消引入，以避免 hash_handler 被执行两次。

谢谢，

4

1 回答 1

0

我希望您使用 jQuery。如果正确，您可以使用如下.stop( [clearQueue ] [, jumpToEnd ] )方法：

$('.groupC').stop(true, false).fadeOut(800);

第一个参数确定 jQuery 是否取消对象的任何未决动画，而第二个参数确定 jQuery 是跳转到当前动画的末尾还是将其留在原处。

于 2013-10-10T09:29:18.517 回答