Question

我正在创建Wordpress的滑块插件有轻微问题。我试图在开始时将文本设置为slideUp，并在转换到下一个图像之前将slideDown设置为。这似乎工作正常，但在几次转换后，淡入淡出（顶部一个）文本的滑块开始重叠;幻灯片更改之前显示下一张图片中的文字。

代码段：

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

滑动文本重叠

1 个答案: