Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 滑动文本重叠_Jquery_Text_Overlap_Slide - Fatal编程技术网

Jquery 滑动文本重叠

Jquery 滑动文本重叠,jquery,text,overlap,slide,Jquery,Text,Overlap,Slide,我正在为Wordpress创建的滑块插件有一个小问题。我试着让文本在开始时滑动到slideUp,然后在转换到下一幅图像之前向下滑动。这似乎工作良好,但经过几次过渡后,淡入淡出(顶部)文本的滑块开始重叠;下一幅图像中的文本在幻灯片更改之前显示 以及代码段: 感谢所有能帮忙的人。我真的很感激。Matthew.这是因为另一个的动画,请查看完整的功能: var text = '.lof-main-item-desc'; $(text).slideUp(200); this.wrapper.stop()

我正在为Wordpress创建的滑块插件有一个小问题。我试着让文本在开始时滑动到slideUp,然后在转换到下一幅图像之前向下滑动。这似乎工作良好,但经过几次过渡后,淡入淡出(顶部)文本的滑块开始重叠;下一幅图像中的文本在幻灯片更改之前显示

以及代码段:


感谢所有能帮忙的人。我真的很感激。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中也没有文本
元素,我是否遗漏了什么?