jquery - 滑动文本重叠

Question

我正在创建的 Wordpress 滑块插件有一个小问题。我试图让文本在开始时滑动到幻灯片，然后在过渡到下一张图像之前滑动。这似乎工作正常，但是经过几次过渡后，淡出（顶部）文本的滑块开始重叠；下一张图片中的文本显示在幻灯片更改之前。

和代码段：

http://pastebin.com/3WxgRWdg

感谢任何可以提供帮助的人。真的会很感激。马修。

Answer 1

这是因为您的另一个动画，请查看完整的功能：

var text = '.lof-main-item-desc';
$(text).slideUp(200);
this.wrapper.stop().delay(200).animate(obj, {
    duration: this.settings.duration,
    easing: this.settings.easing,
    complete: function() {
        $(text).slideDown(200);
    }
});

这样做是查找所有 .lof-main-item-desc内容并影响它们，无论它们是否在另一个幻灯片中。您需要在两个方向滑动时仅查看此包装器，使其仅影响当前节目中的那些，如下所示：

var text = '.lof-main-item-desc';
$(this.wrapper).find(text).slideUp(200);
this.wrapper.stop().delay(200).animate(obj, {
    duration: this.settings.duration,
    easing: this.settings.easing,
    complete: function() {
        $(this).find(text).slideDown(200);
    }
});