Question

我已经创建了一个jcarousel，我希望jcarousel中的每个寻呼机项目都会消失，直到用户点击查看幻灯片这是我正在使用的当前jquery：

$(document).ready(function () {
    $('.overlay').css('display', 'block');
    $('.overlay').css('opacity', 1.0);
    $('.views_slideshow_jcarousel_pager_item').click(function() {
        $('.overlay', this).stop().animate({opacity:0.0},500);
    },
    function() 
        $('.overlay').stop().animate({opacity:1.0},500);
    });
});

它有点工作但它仍处于点击状态，任何人都有任何想法如何解决这个问题？开发站点位于dev.shoeboxdesign.co.uk

Answer 1

不确定我明白了，但不应该这样：

$('.views_slideshow_jcarousel_pager_item').click(function() {
    $('.overlay', this).stop().animate({opacity: 0}, 500, function() {
        $('.overlay').stop().animate({opacity: 1},500);
    });
});

在我看来，就像你关闭第一个动画，然后试图运行一个新功能或一些奇怪的东西。那里的角色太多了？

也许你正在尝试切换？谁知道呢。

此外，您使用类.overlay动画回所有元素，而不仅仅是您动画的动画，因为您可以在第二个动画中使用$（this），如果这是预期的效果，那么

下次单击时重置点击功能

1 个答案: