我正在研究“滑块”。我有一个用于主要内容（例如图像）的主 ul，以及用于缩略图轮播的第二个 ul。单击拇指（或上一个/下一个），我使用此行从当前 li（读取索引）转换为单击的 li：
cacheMainImagesList.siblings('li').eq(currentIndex).fadeOut(opts.imageOutDuration, function(){cacheMainImagesList.eq(displayThisIndex).fadeIn(opts.imageInDuration)});
我不会对图像本身采取行动，因为我正在拍摄内容滑块而不仅仅是图像滑块。也就是说，我想要一个全屏模式。单击一个按钮，图像将填满屏幕。
为了全屏显示，我在最外层的包装器中添加了一个类。该类被定义为位置：固定，左：0，上：0。（注意：我不认为这个细节很重要，但到底是什么。）全屏工作的飞跃。它基本上是相同的 uls 只是包装和 CSS'ed 略有不同。
但是，上面的代码行停止工作。我没有收到错误。具体来说，fadeOut 只是停止工作。fadeIn 有效，但由于某种原因，fadeOut 无效。简而言之，幻灯片停止“滑动”，然后堆积起来。我可以在索引中前进，2、3、4 等。但是当我尝试返回时，currentIndex 永远不会淡出。
最后，我尝试使用 hide() 强制它，但随后出现了某种“闪光”。我也不想要隐藏的即时效果。即使它是一个超级快速的淡入淡出，那仍然更令人愉悦。
有人有任何线索吗？显然，我没有。谢谢。
也许这会有所帮助：jsfiddle.net/chiefalchemist/UvpGN/5 请参阅下面有关此工作的评论。也就是说，它不会重现损坏的淡出。
让我把它分解到最基本的层次......淡出和淡入在同一行代码中的同一个选择器/对象上运行。这是两个不同的索引被更改的问题。为什么淡出不起作用但淡入起作用？这就是我难过的原因。