滑动文本重叠

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);
    }
});

它正在做的是查找all .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);
    }
});