jQuery不动画链接

Question

我想让我的图像滑块插件的淡入淡出效果与链接正常工作。

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

为了实现我使用.animate({opacity:0}}) & 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 
});