Question

关于jquery的fadeIn()和fadeOut()问题

求解：
$("#button").click(function hidefunction(){
$("#img1").fadeOut(1000,function(){$("#img2").fadeOut(1000,function(){$("#img2").fadeIn(1000,function(){
$("#img1").fadeIn(1000,hidefunction())})})});
});
img1，img2，img3的z-Index分别是999,555,333
我自己做的一个无限循环渐变的效果，我想的应该是：img1->fadeOut,img2->fadeOut,img2->fadeIn,img1->fadeIn->循坏这个函数。
但是实际结果却是：轮回了一次，然后从第二次开始就是：图片1fadeOut，图片1fadeIn,然后无限循环！

Answer 1

你代码写错了，最后一句调用hidefunction方法时不应该带小括号

$("#button").click(function hidefunction(){
$("#img1").fadeOut(1000,function(){$("#img2").fadeOut(1000,function(){$("#img2").fadeIn(1000,function(){
$("#img1").fadeIn(1000,hidefunction)})})});
});

就可以了

追问

感谢！的确是这样！

Answer 2

$("#img1").fadeIn(1000,hidefunction())})})});
改成$("#img1").fadeIn(1000,function(){
$("#button").trigger("click");
}
试试

Answer 3

用fadeToggle来做