Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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_Image_Slide - Fatal编程技术网

未调用JQUERY时有多个选择器

未调用JQUERY时有多个选择器,jquery,image,slide,Jquery,Image,Slide,我一直在尝试一些Jquery,但遇到了一个我真的不理解的错误 当图像显示在屏幕上时,我正在尝试滑入图像。 这是我的代码: 问题是,当显示一个时,每个人都同时显示。 这不是我的代码所说的,是吗?您能看到问题吗?如果图像被隐藏,您的偏移量将不正确 而是在显示元素之前将.hide()向右移动 if (!$(this).hasClass("hidden")) { $(this).addClass("hidden"); } objectOffset = $(this).offset().t

我一直在尝试一些Jquery,但遇到了一个我真的不理解的错误

当图像显示在屏幕上时,我正在尝试滑入图像。
这是我的代码:

问题是,当显示一个时,每个人都同时显示。

这不是我的代码所说的,是吗?您能看到问题吗?

如果图像被隐藏,您的偏移量将不正确

而是在显示元素之前将
.hide()
向右移动

if (!$(this).hasClass("hidden")) {
       $(this).addClass("hidden");
}

objectOffset = $(this).offset().top;

if (windowBotPos > objectOffset && !$(this).hasClass("animation-complete")) {
       $(this).hide("slide", {
            direction: "left"
       }, 1, function(){
            $(this).show("slide", {
                    direction: "left"
                }, 5000).addClass("animation-complete");
            });
       }
});

请参阅以下内容:

一个问题是您忽略了该站点的规则,忽略了其关于在OP中未添加任何代码的情况下发布JSFIDLE链接的警告消息。另一个问题是,您没有指定确切的问题……看起来您的对象偏移量对于所有三个图像都是相同的。。这没有道理。Will Investigate我很抱歉JSFIDLE链接没有代码。没有真正理解他们对代码的意思。。嗯,我没有你们所有人受过教育。不过我很感谢你的帮助。祝你白天/晚上愉快:)我很感激。我们当然不希望一个新用户知道一切,这就是为什么它如此全面。感谢您今后的合作。
if (!$(this).hasClass("hidden")) {
       $(this).addClass("hidden");
}

objectOffset = $(this).offset().top;

if (windowBotPos > objectOffset && !$(this).hasClass("animation-complete")) {
       $(this).hide("slide", {
            direction: "left"
       }, 1, function(){
            $(this).show("slide", {
                    direction: "left"
                }, 5000).addClass("animation-complete");
            });
       }
});