重复调用jQuery fadeIn()不起作用
问题描述：重复调用jQuery fadeIn()不起作用。
答案：在使用jQuery的fadeIn()方法时，如果重复调用该方法没有效果，可能是由于以下几个原因导致的：
- 元素已经完全显示：fadeIn()方法用于将元素淡入显示，如果元素已经完全显示，则再次调用该方法不会产生任何效果。可以通过检查元素的可见性来确定是否已经完全显示。
- 元素正在进行动画：如果元素正在进行其他动画效果，如淡出、滑动等，再次调用fadeIn()方法可能会被忽略。可以使用stop()方法停止当前正在进行的动画，然后再调用fadeIn()方法。
- 元素被隐藏或透明度为0：fadeIn()方法只能将隐藏的元素淡入显示，如果元素的display属性为none或透明度为0，则需要先将元素显示出来，再调用fadeIn()方法。
- 元素没有设置透明度：fadeIn()方法需要将元素的透明度从0逐渐增加到1，如果元素没有设置透明度相关的CSS属性，调用fadeIn()方法也不会起作用。可以通过设置元素的CSS属性
opacity: 0来确保元素具有透明度。
综上所述，如果重复调用jQuery的fadeIn()方法没有起作用，可以先检查元素的可见性、停止正在进行的动画、显示隐藏的元素，并确保元素具有透明度。如果问题仍然存在，可能需要进一步检查代码逻辑或查看其他可能的原因。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL版、腾讯云CDN加速等。
腾讯云产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
相关·内容
我正在尝试使用下面的代码为我的页面内容创建jQuery fadeIn淡出效果。
$(document).ready(function (){
$("#main").click(function(){
$("#content").fadeOut(800, function(){
$("#content").load("main.html", function(){
$("#content").fadeIn(800);
});
});
});
$
浏览 0提问于2010-06-17得票数 1
回答已采纳
4回答
我使用ajax加载内容，在它将内容加载到#content div之后，我放在main.js上的效果对加载的内容不起作用。例如，这个不起作用：
/* Artworks Hide/show text */
$(".item").hover(function() {
//fadein second image using jQuery fadeIn
$(this).find(".art_title").fadeIn(200);
},
function () {
//fadein first image using jQuery fadeIn
$(t
浏览 6提问于2012-10-12得票数 1
回答已采纳
3回答
我有这样的代码：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
function loop(){
$('#picOne').fadeIn(0).fadeOut(8000);
浏览 0提问于2013-01-26得票数 1
回答已采纳
1回答
下面的标记显示日志条目。当用户执行一个操作时，我在日志中添加一个条目，如：logs.push(log)。
<div ng-repeat="log in logs track by $index">
<div class="logEntry">
{{log.text}}
</div>
</div>
这很好，但是当条目出现在UI上时，我想添加一个效果。我尝试了jQuery $(".logEntry").fadeIn();，但这不起作用，可能
浏览 0提问于2015-02-27得票数 0
回答已采纳
5回答
我试图在一个循环中重复整个函数，但都不起作用。我尝试了Loop ()回调，设置interval()。谁能给我指个方向？
重复整个动画的最佳方法是什么？谢谢
$(document).ready(function() {
$("#slide1").fadeIn(500, function() {
$("#slide2").fadeIn(500, function() {
$("#slide3").fadeIn(500, function() {
$("#slide
浏览 0提问于2012-11-22得票数 0
回答已采纳
我有个问题。我是jQuery新手，不知道如何才能重复我创建的动画。下面是我的代码示例：
$("#text_rotator1_1").fadeIn(3000,function(){
$("#text_rotator1_2").fadeIn(3000, function(){
$("#text_rotator1_3").fadeIn(3000, function() {
$("#text_rotator1_4").fadeIn(3000, function() {
浏览 3提问于2011-06-16得票数 2
回答已采纳
我正在制作一个基本的jquery滑块，但我注意到我基本上重复了两次。唯一的区别是var、prev和prev方法。倒数第一个方法和最后一个方法。
left.on('click', function(){
var current = $('.active');
var prev = current.prev();
if (prev.length === 0){
prev = $(".slides").last();
}
current.fadeOut(300).removeClass("active
浏览 0提问于2016-07-27得票数 2
2回答
我有以下JQuery代码片段：
(someVar.next().length == 0)?someVar.fadeOut().end().find("ul").first().fadeIn():someVar.fadeOut().next().fadeIn();
在条件函数的两个结果--即someVar.fadeOut()和.fadeIn() --之间有相当多的代码重复。
理想情况下，我喜欢这样的东西：
someVar.fadeOut().((someVar.next().length == 0)?end().find("ul").first():next())
浏览 0提问于2010-09-22得票数 1
回答已采纳
9回答
我正在使用Toastr 2.1 JavaScript库显示临时的用户输入验证错误消息。我将preventDuplicates选项设置为true。它不起作用--当用户连续快速单击验证按钮时，我仍然看到重复的消息(单击比“超时”更快)。
下面是我的toastr默认值：
function getDefaults() {
return {
tapToDismiss: true,
toastClass: 'toast',
containerId: 'toast-container',
debug: f
浏览 6提问于2014-12-09得票数 10
我需要制作一些fadeIn，然后在那里停留一秒钟，然后使用JQuery进行fadeOut。
我试过了，但由于某种原因它不起作用？
$('#' + uMessage).fadeIn("fast").fadeOut("slow"); // works
$('#' + uMessage).fadeIn("fast").delay(1000).fadeOut("slow"); // fails
我哪里出了问题，有什么建议吗？
非常感谢！
浏览 2提问于2010-09-07得票数 6
2回答
我是jquery的初学者。我有n个div，如果我悬停在它们上面，另一个div会显示出来。如下所示：
$(".res2").mouseenter(function () {
$("#jucInfores2").fadeIn("normal");
});
$(".res3").mouseenter(function () {
$("#jucInfores3").fadeIn("normal");
});
$(".res4&#
浏览 0提问于2011-08-15得票数 1
回答已采纳
1回答
我是jquery的新手，我的fadeIn不起作用。我在这里做了一个。谢谢
$('#menu > li').on('mouseover', function(e){
$(this).find("ul:first").fadeIn(120).finish();
$(this).find('> a').addClass('active');
}).on('mouseout', function(e){
$(this).find("ul:first").stop(
浏览 2提问于2015-06-16得票数 2
回答已采纳
我有一个运行在.change()上的jquery代码。但是我想在jquery .ready()上运行相同的代码，但是它不起作用。
这里是我的代码：
jQuery('.nhp-opts-select-hide-below').change(function(){
var option = jQuery('option:selected', this);
if(option.data('show').length > 0 || option.data('hide').length >
浏览 2提问于2013-06-22得票数 13
回答已采纳
懒惰的插件对于最初加载的元素很好，但是对于通过AJAX加载的图像却不起作用，尽管AJAX调用的函数中包含了代码。
下面是我的延迟加载图像的代码
jQuery(document).ready(function() {
jQuery("img.lazy").lazy({
effect: "fadeIn",
effectTime: 1000
});
});
这是我的AJAX调用
$(document).ready(function() {
$('#loadmore-dj').on('cli
浏览 3提问于2014-08-13得票数 0
回答已采纳
当动画完成时，我试图运行一个函数。我试过以下几种方法，但不起作用：
function carrousel_header() {
jQuery("#web_header_ani_ele_1").delay(2000).fadeIn(2000);
jQuery("#web_header_ani_ele_2").delay(4000).fadeIn(2000);
jQuery("#web_header_ani_ele_3").delay(6000).fadeIn(2000);
jQuery("#web_heade
浏览 0提问于2014-07-12得票数 0
回答已采纳
1回答
我有两个元素，我希望它们淡入，停留3秒，然后使用jQuery一个接一个淡出，但效果是一次性应用的。 $(() => {
$("#first").fadeIn(2000).delay(3000).fadeOut(2000);
$("#second").fadeIn(2000).delay(3000).fadeOut(2000);
}); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script
浏览 14提问于2021-04-29得票数 1
回答已采纳
1回答
我有这个设置，我想在重复播放。我对jQuery不太在行，所以想知道是否有人能告诉我怎么做？
$('.title1').fadeIn('fast', function() {
$('div').addClass('animated pulse');
});
$('div').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend
animationend', function() {
$(&#
浏览 2提问于2014-03-24得票数 1
回答已采纳
尝试在'load more‘按钮上使用类似于jQuery .fadeIn()的东西，从.append(response)上的服务器上提取JSON标记。像.append(response).fadeIn('slow');这样的语法似乎不起作用，我认为这是一个DOM问题，因为数据是在.fadeIn()有机会工作之前就附加到页面上的。
对于如何实现这种效果，有什么建议吗？我的JavaScript在下面。
$(function () {
var offset = 10;
$(".load-more-cell").click(function() {
$
浏览 2提问于2014-10-08得票数 2
回答已采纳
我使用的是JQuery，我想要实现的是:使用fadeOut()淡出div。然后，它使用load()从url加载内容。然后，一旦加载了内容，它就会使用fadeIn()淡入。然而，它不工作，它闪烁，然后加载，然后加载。我认为问题是在加载完成之前就发生了淡出。我看到其他人也有同样的问题，但当我应用他们的解决方案时，我找到的解决方案的代码没有change.Here (当然不起作用)。
jQuery('.stil_link_img a').click(function() {
var x = jQuery(this).attr('href') + ' #
浏览 3提问于2013-02-14得票数 0
回答已采纳
我正在使用jQuery使用.load函数加载另一个页面。
下面是我的代码：
$('#page1').click(function(){
$("#content").load("page1.html");
});
它工作得很好，但我想在新页面中淡入。有没有什么方法可以组合load和fadeIn函数？我试过了，但不起作用。
这是我的尝试：
$('#page1').click(function(){
$("#con
浏览 2提问于2009-11-24得票数 0
回答已采纳
3回答
这是我的jquery code.this代码，包含三个functions.this三个函数重复执行，为looping.but这个代码不运行properly.how进行递归调用，用三个functions.the pid1，pid2，pid3是段落标记id‘，这个代码用来制作文本动画。
$(document).ready(function(){
function animate()
{
$('#pid1').fadeOut(3000, function()
{
$(this).text('string1').fadeIn
浏览 1提问于2014-04-13得票数 0
回答已采纳
5回答
jquery变量？
、、、
我是一个jQuery新手，我写了下面的jQuery，当地图上的特定链接显示时，我会显示一个div：
<div id="locationmap">
<a class="linkhide" id="link1" href="#">Occupier 1</a>
<a class="linkhide" id="link2" href="#">Occupier 2</a>
<a class="li
浏览 0提问于2012-01-23得票数 3
回答已采纳
我在反复尝试fadein和fadeout
<img src="logo" />
我有这个jquery来重复淡入淡出，但是如何避免完全消失，比如半路淡出。
$(function () {
var $element = $('div');
function fadeInOut () {
$element.fadeIn(1000, function () {
$element.fadeOut(1500, function () {
$element.fadeIn(150
浏览 0提问于2016-10-27得票数 0
4回答
我正在使用JQuery，我想要发生的是。
使用fadeOut命令淡出Div。然后，它使用load命令从url加载内容。然后，一旦加载了内容，它就会使用fadeIn命令淡入。
我的代码是：
$("#myDiv").fadeOut().load('www.someurl.com').fadeIn()
然而，这并不起作用。它会闪烁，然后加载，然后加载。我认为问题是在加载完成之前就发生了淡入淡出。
我该怎么办呢
谢谢
浏览 2提问于2010-04-30得票数 12
回答已采纳
3回答
如何改变HTML页面的背景(图像/颜色)，自动使用fadeout/fadein效果和3~5个图像/颜色，并使用jQuery重复和重复？
浏览 5提问于2014-05-03得票数 0
回答已采纳
3回答
这是一个褪色幻灯片的代码。有没有办法重复或循环这个队列？在这个顶级代码$("#page2_image").hide();上重新开始
以下是jQuery中的代码：
$(document).ready(function(){
$("#page2_image").hide();
$("#page3_image").hide();
$("#page1_image").fadeOut(10000);
$("#page2_image").fadeIn(10000).fadeOut(10000);
浏览 0提问于2010-07-18得票数 1
回答已采纳
6回答
我知道这是一个很受欢迎的话题，我也读过其他一些关于jQuery中子字符串选择的文章，但我不知道如何让我的特定示例更高效地工作，任何建议都将不胜感激。
我有以下代码：
$('#plan-gallery').click(function(){
$('#gallery').addClass('active-slide')
$('#gallery').fadeIn()
});
$('#plan-ensuite').click(function(){
$('#ensuite').
浏览 0提问于2011-04-30得票数 1
回答已采纳
我将为div标签添加动画，如fadein和fadeout。
当用户把鼠标放在div标签上时，那一个就会褪色。
当用户将鼠标从div标签中移出时，这个标签就会褪色。
这是测试代码。
$('#div1').mouseleave(function(){
$('#div1').fadeIn();
console.log("out");
});
$('#div1').mouseover(function(){
浏览 1提问于2017-02-04得票数 1
回答已采纳
下面的代码生成一个计时器，它显示当前时间，而不是在fadein之后。所以看起来很糟。如何在fadein之后重复显示当前时间？
<!doctype html>
<html>
<head>
<title>Exercise</title>
<style>
#box {
margin-left: auto;
margin-right: auto;
width: auto;
background: red;
浏览 3提问于2014-09-06得票数 0
回答已采纳
4回答
可能重复：
我已经通过ajax加载了一组div(我们讨论的是6个div，代表6个产品)。
我想要完成的是一个渐进式的动画，就像每个div的jquery.fadeIn()，在上一个div的动画完成之后。这样做的最佳方式是什么？
我这样想：
我通过ajax获得了新的html元素--完成了对它们的迭代--我可以以隐藏的方式插入它们，然后对每个元素进行迭代，然后用fadeIn()显示它，当动画完成时，我会显示下一个--对每个元素执行fadeIn时，对下一个元素进行回调……
浏览 1提问于2010-02-17得票数 0
回答已采纳
2回答
我做了这个简单的jQuery脚本，但我有一个小问题。在我淡出我的第一个div之后，我的第二个fadeIn无法工作，因为div已经在那里了……我已经试着用更多的毫秒来降低fadeIn的速度，但它不起作用。这是我的脚本。
$("#nothing > h1").click(function(){
$(this).fadeOut(1000);
$("#social").fadeIn(1000);
});
这是我的HTML
<div id="nothing">
<h1>Click here.</h1&
浏览 1提问于2013-07-04得票数 0
3回答
我想显示“再见”1秒，淡出它，用"hello“替换它，然后淡入。为什么这个截图不起作用？(已加载jQuery)：
<div id="foo">x</div>
<script type="text/javascript">
$('#foo').fadeOut().html('goodbye').fadeIn().delay(1000).fadeOut().html('hello').fadeIn();
</script>
我正确地使用了队列，所以这些命令
浏览 0提问于2011-06-04得票数 2
5回答
有没有办法缩短我感觉像是在重复代码，而且看起来非常凌乱？
jQuery(document).ready(function() {
$('.allText').hide();
$('#b1').click(function() {
$('.allText').hide();
$('#text1').fadeIn(800);
});
$('#b2').click(function() {
$('.allText').hide();
$('#text2
浏览 2提问于2013-03-05得票数 0
回答已采纳
我计划让下面显示的div中的图像最初被隐藏，但在页面加载后显示约1200ms。
然而，它并不起作用。我的jQuery应该在某个地方出错了..
HTML：
<div id="zz">
<img src='images/number2.png' />
</div>
Jquery：
<script type="text/javascript">
$('#zz').hide().delay(1200).fadeIn('normal');
</scri
浏览 0提问于2012-08-08得票数 0
回答已采纳
4回答
您的帮助将不胜感激：
我用jQuery创建了这个滑块，您可以在这里看到：
后退按钮将带您返回到开始(回放动画)，以防您想要重温这些步骤。
与回放动画相关的是给.textBox的一个.addClass("fadeOut")，这样它们就会淡出。
我想在回放动画完成后去掉.fadeOut，这样当单击.forward时，框可以再次淡入。
我尝试使用下面的注释代码，但似乎不起作用。
$('.forward').click (function(e) {
e.preventDefault();
$(this).parent().parent().next
浏览 3提问于2015-12-10得票数 1
2回答
如何使用javascript或jquery使(ASP.NET的)必需的字段验证器控件可见。如果我们检查所需字段验证器的viewsource，我们可以看到可见性最初是假的。$("#spanReqFieldValidator").show() / fadeIn()不起作用。
有什么想法吗？
通过谷歌搜索，我了解到jQuery在可见性属性方面存在一些问题。
浏览 0提问于2010-02-17得票数 0
回答已采纳
1回答
我被一个很烦人的问题困住了，从昨天起就一直困扰着我。
当用户仍在同一会话中时，我添加了一个包含“display:none”的类来隐藏我的“intro”脚本。然而，每当我刷新页面时，我的else就不能工作了。但是，复制我的代码并将其粘贴到控制台中是可行的。
jQuery(function($) { // this does the trick and also makes sure jQuery is not conflicting with another library
if (!window.sessionStorage.gateIntro) {
$
浏览 1提问于2015-12-30得票数 0
1回答
图像滑块不会褪色
、、、、
我正在尝试制作一个jquery图像滑块，但由于某些原因淡入不起作用。下面是我的代码：
sliderInt = 1;
sliderNext = 2;
function startSlider() {
count = $('#slider>a').size();
loop = setInterval(function() {
if (sliderNext > count) {
sliderNext = 1;
sliderInt = 1;
}
$(
浏览 0提问于2013-07-13得票数 0
我使用internet explorer和jquery的最新版本。像slidedown，fadein，fadeout这样的效果在ie上不起作用，但在Google Chrome上效果很好。如何修复它？
代码在Google Chrome中运行良好：
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("#form1").hide();
jQuery("#form1").fadeIn(6000, function() {
// Animation complete.form1:mainH
浏览 1提问于2010-02-13得票数 0
1回答
jQuery超薄封装fadeIn
、、、、
我正在使用jQuery超薄软件包，并想这样做：
$(this).find('.card-body').fadeIn();
但我找到fadeIn(...) is not a function了。
我知道这对超薄套餐不起作用。
我如何在这个包上使用fadeIn或类似的东西？
浏览 2提问于2017-12-02得票数 2
3回答
在我gwt中，我有一个如下所示的按钮，用于创建新的小部件
@UiHandler("buttonfire")
void addNewWidget(ClickEvent event) {
htmlPanelHolder.add(new MyCustomWidget(),"placeholder");
}
如何使用jquery，以便当MyCustomWidget()显示在屏幕上时，它正在使用jquery "fadein“效果
我已经尝试过将jsni放在新的MyCustomWidget() onload()中调用jquery，但不起作用。
浏览 0提问于2010-11-23得票数 3
回答已采纳
我有个问题因为我真的不明白..。我有两种功能，一种是工作，另一种不是，我真的很想知道为什么.
当我这么做时：
$("#divLogin").load("./affichage/choixFormat.html", function() {
$("#choix-box").fadeIn(300);
});
它工作得很好，它在DIV中加载HTML，然后显示它。
但是，我有一个最好的$.Ajax脚本代码不起作用：
$.ajax({
url: "./affichage/choixFormat.html",
浏览 6提问于2012-03-02得票数 1
回答已采纳
3回答
我有一个猫头鹰的旋转木马，大约在页面的一半：
我想放慢淡入淡出动画的速度。我在owl jQuery中尝试了SlideSpeed和PaginationSpeed，但不起作用：
<script>
jQuery(window).on("load", function(){
jQuery('.carousel-wrapper .owl-carousel').owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: <?php if
浏览 0提问于2018-12-16得票数 0
我试图用span对象的属性中定义的数量延迟文本在页面上的出现(实际上是在Twin-中)，如下所示：
$(".fadeIn").each(function() {
alert(parseInt($(this).attr("fadeInAfter")))
});
$(".fadeIn").delay(parseInt($(this).attr("fadeInAfter"))).fadeIn(1000);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jq
浏览 1提问于2020-04-02得票数 0
回答已采纳
好吧，我读了一些线程和jquery的wiki，但不知何故我不能解决我的问题。
正在尝试添加jQuery.noConflict()，因为一些jQuery库在运行时会发生冲突。如果我像在jQuery维基上被告知的那样添加jQuery.noConflict()。这两个脚本都不起作用。
脚本
$(document).ready(function() {
//Default Action
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show(
浏览 0提问于2012-11-16得票数 0
回答已采纳
我的代码应该是让3个不同的div一次淡入淡出一个，但由于某种原因，它一直冻结我的网站，我不确定问题是什么，或者从哪里开始修复它。
function randomString(length) {
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split('');
var str = '';
for (var i = 0; i < length; i++) {
str += cha
浏览 1提问于2011-10-21得票数 0
当有滚动时，我基本上尝试用下面的jquery更改引导4导航条的类，但这似乎不起作用
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100) {
$(".navbar")
.removeClass("navbar-dark")
.fadeOut("fast");
$(".navbar")
.addClass("navbar-light bg-li
浏览 2提问于2020-04-02得票数 0
回答已采纳
4回答
免责声明：我是jQuery的新手。
我试图为一个fadeOut块在jQuery中实现一个div效果，然后在另外两个div块上实现fadeIn效果。
然而，这些效果只适用于Chrome浏览器(即在Safari、FireFox和Opera中不起作用)，这让我感到相当困惑。我已经尝试过清除缓存，以防它存储一个旧文件，但这些似乎都没有起到任何作用。
基本思想(存储在mainsite.js文件中)：
$("#videoThumbnail_XYZ").click(function () {
$("#thumbnailDescription_XYZ").fadeOut(3
浏览 6提问于2011-01-13得票数 4
回答已采纳
1回答
我正在循环遍历每个具有.fadeIn类的元素，然后我想要做的是移到页面的底部(因为这是自上而下的)。它应该总是在页面的底部。
以下代码不起作用：
jQuery( document ).ready(function ($) {
var delay = 900
$( ".fadein" ).hide();
$( ".fadein" ).each(function (index) {
$( this ).delay( index * delay ).fadeIn( "slow" );
$( "ht
浏览 0提问于2013-11-06得票数 0
回答已采纳
1回答
Jquery：
var picname = ["1.jpg"];
var pics = 0;
$("#pic").mouseenter(function() {
$("#pic").fadeOut(300, function() {
$("#pic").attr("src", picname[pics]);
pics++;
if (pics > 2) {pics = 0;}
浏览 6提问于2015-04-02得票数 1
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
