Javascript Jquery FadeIn FadeOut不断重复

这是我的密码：

$('.class').fadeOut(function(){
    $('#image').fadeIn().delay(1000).fadeOut(); 
});

它淡入，等待一秒钟，然后淡出。但它会重复

编辑1:它也只执行四次

---

编辑2:

.class

适用于四个元素。

如果“#image”id位于div元素上，则从子事件触发父事件，从而导致递归（循环）。为div提供自己的id或类。

如果“#image”id位于div元素上，则您正在从子事件触发父事件，从而导致递归（循环）。为div指定自己的id或类。

这是因为您的页面中有4个div元素，对于每个div元素，您告诉jquery“fadeIn，wait 1s，fadeout”这个元素：$（'#image'），因此jquery可以根据您的请求执行

“但我希望#图像仅在四个类元素淡出后才显示。”

---

这是因为您的页面中有4个div元素，对于您告诉jquery的每个div元素，“fadeIn，wait 1s and fadeout”这个元素：“$（'#image'）”，因此jquery会根据您的请求执行

“但我希望#图像仅在四个类元素淡出后才显示。”

---

如果有四个

class

元素，则

$（'.class'）.fadeOut（）函数将触发四次（请参阅）。您可以将这两个函数分开，以确保只调用一次
#image
函数

可能是这样的：

编辑：

这就是您要寻找的：
如果有四个
class
元素，您的
$（'.class'）.fadeOut（）函数将触发四次（请参阅）。您可以将这两个函数分开，以确保只调用一次
#image
函数

可能是这样的：

编辑：

这就是您想要的：
解决方案：

$('option').fadeOut().last().queue(function(){
   //here fade in and out the image
}

解决方案：

$('option').fadeOut().last().queue(function(){
   //here fade in and out the image
}

如果所有其他答案都不能解决您的问题，您需要确保您的js文件未被引用两次，或者事件已附加两次。

以前也有过同样的问题，发现我的页面中引用了两次该文件。
如果所有其他答案都不能解决您的问题，您需要确保您的js文件没有被引用两次，或者事件附加了两次。

以前也有同样的问题，发现我的页面中引用了两次该文件。
你能发布html吗？div和图像，无论它们在标记中的什么位置，都不会更改任何内容。此代码何时运行？在准备就绪时，单击onclick等。为什么不使用when done功能？=>$（“.elements”）.fadeOut（）；$。when（$（“.elements”）.done（函数（元素）{//all元素淡出}）；也搜索。做了就认为你犯了一些错误，#图像也是一个div？因此，每次你淡出div#镜像div.fadeout的函数时，我都会被触发。我会编辑一个更好的编辑，现在应该更有意义。你能发布html吗？div和图像，无论它们在标记中的什么位置，都不会更改任何内容。此代码何时运行？在准备就绪时，单击onclick等。为什么不使用when done功能？=>$（“.elements”）.fadeOut（）；$。when（$（“.elements”）.done（函数（元素）{//all元素淡出}）；也搜索。做了就认为你犯了一些错误，#图像也是一个div？因此，每次你淡出div#image时，就会触发div.fadeout的函数。我需要编辑一个更好的编辑，现在应该更有意义。但是我希望#image只在四个类元素淡出后出现。在更新的答案中，四个类元素应该淡出，然后出现
#image
元素。这就是你想要的吗？但是我希望图像只在四个类元素淡出后出现。在更新的答案中，四个类元素应该淡出，然后出现
#image
元素。这就是你想要发生的事情吗？请用你的答案解释一下。请用你的答案解释一下。