Question

我正试图让我的图片滑块插件的淡入淡出效果与链接一起正常工作。

此时滑块正确消失，但链接无法更改。第一张图片应链接到Google.com＆amp;第二个链接应该链接到Hotmail.com但是它们都只链接到Hotmail.com（最后一个图像的链接;无论您使用多少图像都是如此）。

为了实现淡入淡出，我正在使用.animate({opacity:0}})＆amp; 1，等等。这些似乎影响动画的线条（分别为72,215和216）：

$(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1);

$(this.slides).stop().animate({opacity:0}, {
        duration: this.settings.duration,
        easing:this.settings.easing
} );
$(this.slides).eq(index).stop().animate( {opacity:1}, {
        duration: this.settings.duration,
        easing:this.settings.easing
} );

来源： http://pastebin.com/9JwaM9tg

测试网站： http://matthewruddy.com/demo

感谢任何可以帮助我的人。真的很感激。

Answer 1

您只是设置了li的不透明度，所以当它不可见时仍会显示，当不透明度达到0时，您应该设置display: none，以便完全隐藏li这应该允许当前可见的图像正确链接。

$(this.slides).css({'opacity':0, 'display':'none'}).eq(this.currentNo).css({'opacity':1, 'display':'block'});

$(this.slides).stop().animate({opacity:0}, {
    duration: this.settings.duration,
    easing:this.settings.easing,
    complete:function(){
        $(this).css({'display':'none'});
    }
});

$(this.slides).eq(index).stop().css('display','block').animate( {opacity:1}, {
    duration: this.settings.duration,
    easing:this.settings.easing
});

jQuery没有动画链接

1 个答案: