Question

我试图在jQuery中为我的fadeIn函数添加延迟。代码的目的是当＆＃39; topmods＆＃39;或者＆＃39; dailyskins＆＃39;按下按钮它将隐藏/显示另一个父div。

目前，当我按下div＆＃39; topmods＆＃39;是隐藏div＆＃39; dailyskins＆＃39;虽然＆＃39; topmods＆＃39;的内容低于＆＃39; dailyskins＆＃39;一瞬间直到＆＃39; dailyskins＆＃39;已经完成淡出。

我认为这可以通过为fadeIn和Out添加延迟来解决，但我不知道如何添加它，

请为每个fadeIn段添加200ms的延迟。

jQuery(document).ready(function(){

     $("#topmods").hide();


jQuery('#dropdailyskin').live('click', function(event) {        
     jQuery('#dailyskins').fadeIn('show');
});

jQuery('#dropdailyskin').live('click', function(event) {        
     jQuery('#topmods').fadeOut('show');
});


 jQuery('#dropdownmods').live('click', function(event) {        
     jQuery('#dailyskins').fadeOut('show');
});

 jQuery('#dropdownmods').live('click', function(event) {        
     jQuery('#topmods').fadeIn('show');
});

由于

Answer 1

只需将.delay添加到您的代码中就像这样

$("idhere").delay(1000).fadeIn(500);

以毫秒为单位。

Answer 2

您可以在执行功能之前添加超时：

setTimeout(function(){jQuery('#dailyskins').fadeIn('show')}, 200);

Answer 3

或者你可以使用。

$("idhere").delay(1000).show();

为jQuery fadeIn函数添加延迟

3 个答案: