Javascript jQuery幻灯片随索引和淡出而变化--跳跃

我正在开发一个jQuery幻灯片插件。我的方法之一是在图片之间来回切换。我已经非常成功地创建了它，下面是一个单独的案例，其中包含了特定方法的代码：

var images = $("#simpleslides").children("img");

$(".slideButtons ul li").on("click", "a", function() {

        var anchorIndex = $(this).parent().index();
        var $activeSlide = $("#simpleslides img:visible");
        var $targetSlide = $(images[anchorIndex]);

        if($activeSlide.attr("src") == $targetSlide.attr("src") || $targetSlide.is(":animated")) {

            return false;

        } else {

            $activeSlide.css({ "z-index" : 0 });
            $targetSlide.css({ "z-index" : 1 });

            $targetSlide.stop().fadeIn("slow", function() {

                $activeSlide.hide();

            });

        }

    });

这里有一把小提琴，可以看到它在工作：

在大多数情况下，它的工作原理与您预期的一样。当用户单击相应的数字时，它会在图片中消失

然而，当我快速点击时，我会感到有些紧张，偶尔会完全隐藏幻灯片。如果你玩小提琴，你会看到我指的是什么，试着点击每一张图片看看

我已经采用了

stop

，我认为它可以解决问题，但没有。我将

hide

方法放在

fadeIn

回调之后，但这对情况也没有帮助

我在这里做错了什么？？

：）

---

... 对不起，插件在哪里？我还没有把它放到插件里。这是一个孤立的案例，但工作原理完全相同。

var images = $("#simpleslides").find("img");
$(".slideButtons ul").on("click", "li", function(e) {
    e.preventDefault();
    var i = $(this).index();
    images.eq(i).stop().fadeTo(500,1).siblings('img').fadeTo(500,0);
});