Jquery 滑动文本重叠
我正在为Wordpress创建的滑块插件有一个小问题。我试着让文本在开始时滑动到slideUp,然后在转换到下一幅图像之前向下滑动。这似乎工作良好,但经过几次过渡后,淡入淡出(顶部)文本的滑块开始重叠;下一幅图像中的文本在幻灯片更改之前显示 以及代码段:Jquery 滑动文本重叠,jquery,text,overlap,slide,Jquery,Text,Overlap,Slide,我正在为Wordpress创建的滑块插件有一个小问题。我试着让文本在开始时滑动到slideUp,然后在转换到下一幅图像之前向下滑动。这似乎工作良好,但经过几次过渡后,淡入淡出(顶部)文本的滑块开始重叠;下一幅图像中的文本在幻灯片更改之前显示 以及代码段: 感谢所有能帮忙的人。我真的很感激。Matthew.这是因为另一个的动画,请查看完整的功能: var text = '.lof-main-item-desc'; $(text).slideUp(200); this.wrapper.stop()
感谢所有能帮忙的人。我真的很感激。Matthew.这是因为另一个的动画,请查看完整的功能:
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);
}
});
这样做的目的是查找主项desc的all.lof,并影响它们是否在另一个幻灯片中。在双向滑动时,只需查看包装内的内容,即可使其仅影响当前节目中的内容,如下所示:
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);
}
});
这是因为另一个的动画,请查看完整的功能:
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);
}
});
这样做的目的是查找主项desc
的all.lof,并影响它们是否在另一个幻灯片中。在双向滑动时,只需查看包装内的内容,即可使其仅影响当前节目中的内容,如下所示:
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);
}
});
有人能帮我吗?这里是一个示例链接。有人能帮我吗?这里是一个示例链接。这类方法很有效,但是现在文本没有向下滑动。请参阅上面的示例链接以了解我的意思。检查顶部滑块。@Matthew-我在示例页面上也没有看到任何文本…我很困惑,因为HTML中也没有文本
元素,我是否遗漏了什么?这类方法很有效,但是现在文本没有向下滑动。请参阅上面的示例链接以了解我的意思。检查顶部滑块。@Matthew-我在示例页面上也没有看到任何文本…我很困惑,因为HTML中也没有文本
元素,我是否遗漏了什么?