gpt4 book ai didi

jQuery fadeIn() fadeOut() 计时问题

转载 作者:行者123 更新时间:2023-12-01 05:03:08 27 4
gpt4 key购买 nike

我的页面上有 6 个元素。每个元素旁边都会显示优先级编号。我试图在元素移动后更新这个数字。但是,我对 jQuery fadeIn() fadeOut() 方法的某些计时有疑问。我的目标是淡出一些文本,更新文本,然后淡入文本。第一种方法是做我需要的一切。不过,使用该方法有时文本会在 fadeOut() 完成之前发生变化并且看起来很糟糕。这就是为什么我尝试使用 fadeOut() 方法的函数,并使其更改文本并仅在 fadeOut() 完成时才执行 fadeIn() 。第二种方法的问题是每个元素都显示优先级“7”。我不知道为什么!有谁知道为什么第二种方法不能正常工作?

方法#1

var priorityNumber = 1;
$("#rotatorList ul li .priority-number").each(function(){
$(this).fadeOut(200).text(priorityNumber).fadeIn(200);
priorityNumber = priorityNumber+1;
});

方法#2

var priorityNumber = 1;
$("#rotatorList ul li .priority-number").each(function(){
$(this).fadeOut(200, function(){
$(this).text(priorityNumber).fadeIn(200);
});
priorityNumber = priorityNumber+1;
});

最佳答案

你尝试过这样做吗?:

    var priorityNumber =1;
$("#rotatorList ul li .priority-number").each(function(){
$(this).fadeOut(200, function(){
$(this).text(priorityNumber).fadeIn(200);
priorityNumber = priorityNumber+1;
});

});

像这样http://jsfiddle.net/JUSa7/1/ fiddle (请告诉我我是否误解了你)

您可以尝试的另一件事是使用每个提供的索引:

jQuery(".test").each(function(i){
$(this).fadeOut(200, function(){
$(this).text(i+1).fadeIn(200);
});
});

关于jQuery fadeIn() fadeOut() 计时问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8251040/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com