jquery循环中after/before函数的问题

发布于 2024-10-30 04:32:49 字数 1132 浏览 2 评论 0原文

我想在 jquery 循环中触发一个 before 函数。目前它只能与 after 函数配合使用,如下所示: http://expostay.gtis.org/template/ (请等待 5 秒钟,然后您将看到一个箭头动画)

我希望在幻灯片开始淡入淡出之前播放此动画! 但是当我将“之后:”更改为“之前:”时,它完全吓坏了: http://expostay.gtis.org/template/index_before.html

但我不知道为什么??

这是函数:

function currentItem(curr, next, opts) { 
    var index = opts.currSlide;
    $('.tabs .innercontent').animate({"height":93},"normal",
        function(){
                    $('.tabs a').removeClass("selected");
                    $('.tabs a:eq('+index+')').addClass("selected");    
            $(this).animate({"height":115},"normal");
        }                                
    );
};

这是循环代码:

$('#slideshow a:first').hide().delay(2000).fadeIn(1000, function() {
        $('#slideshow').cycle({ 
            fx: 'fade',
            timeout: 3000,
            slideResize:false,
            containerResize:false,
            before: currentItem
    });
}); 

I want to fire a before function in jquery cycle. currently it just works with an after function as you can see here:
http://expostay.gtis.org/template/
(please wait 5 seconds and then you will see a arrow animation)

i want this animation to play before fading of slides starts!
but when i change "after:" to "before:" it completely freaks out:
http://expostay.gtis.org/template/index_before.html

But i dont know why??

here is the function:

function currentItem(curr, next, opts) { 
    var index = opts.currSlide;
    $('.tabs .innercontent').animate({"height":93},"normal",
        function(){
                    $('.tabs a').removeClass("selected");
                    $('.tabs a:eq('+index+')').addClass("selected");    
            $(this).animate({"height":115},"normal");
        }                                
    );
};

and here is the cycle code:

$('#slideshow a:first').hide().delay(2000).fadeIn(1000, function() {
        $('#slideshow').cycle({ 
            fx: 'fade',
            timeout: 3000,
            slideResize:false,
            containerResize:false,
            before: currentItem
    });
}); 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文