Javascript 向jQuery fadeIn函数添加延迟

Javascript 向jQuery fadeIn函数添加延迟,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图在jQuery中为fadeIn函数添加延迟。代码的目的是,当按下“topmods”或“dailyskins”按钮时,它将隐藏/显示另一个父div 目前,当我按下div'topmods'时,确实隐藏了div'dailyskins',尽管'topmods'的内容会在'dailyskins'下方停留一秒钟,直到'dailyskins'消失 我认为这可以通过在fadeIn和Out中添加延迟来解决,尽管我不知道如何添加延迟 请给每个fadeIn段增加200毫秒的延迟 jQuery(document)

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

目前,当我按下div'topmods'时,确实隐藏了div'dailyskins',尽管'topmods'的内容会在'dailyskins'下方停留一秒钟,直到'dailyskins'消失

我认为这可以通过在fadeIn和Out中添加延迟来解决,尽管我不知道如何添加延迟

请给每个fadeIn段增加200毫秒的延迟

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');
});

谢谢

您可以在执行函数之前使用以下命令添加超时:

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

您可以在执行函数之前使用以下命令添加超时:

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

只需像这样在代码中添加.delay

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

以毫秒为单位。

只需将.delay添加到代码中,如下所示

$("idhere").delay(1000).fadeIn(500);
以毫秒为单位。

或者您可以使用

$("idhere").delay(1000).show();
或者你可以使用

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

您需要的是javascript中的
setTimeout
函数。谢谢,但我没有使用jQuery或JS的经验,也不知道如何实现这一点,还要注意的是,从jQuery 1.7开始,
.live()
事件就被弃用了–您可以用
.on()
替换它。您需要的是javascript中的
setTimeout
函数。谢谢,但我没有使用jQuery或JS的经验,也不知道如何实现这一点,还要注意的是,
.live()
事件从jQuery 1.7开始就被弃用了–您可以用
.on()
替换它。我已经替换了jQuery(“#dailyskins”).fadeIn('show');与您建议的一致,但它不再工作JavaScript控制台中抛出的错误是什么?如何检查?我只是知道它不起作用,因为我替换了代码并刷新了我正在处理的网页,[Error]TypeError:“undefined”不是一个函数(计算“$”('.customform').customform())(匿名函数)(responsee.js,第302行)l(jquery-1.8.3.min.js,第2行)fireWith(jquery-1.8.3.min.js,第2行)ready(jquery-1.8.3.min.js,第2行)a(jquery-1.8.3.min.js,第2行)非常感谢!看起来我终于想要它了:D对不起,我一直在努力工作(我16岁)非常感谢你的帮助我已经取代了jquery(“#dailyskins”)。fadeIn('show'));符合您的建议,但它不再工作JavaScript控制台中抛出的错误是什么?我如何检查?我只知道在替换代码并刷新正在处理的网页时,它不工作,[error]TypeError:“undefined”不是函数(计算“$”('.customform').customform()”(匿名函数)(responsee.js,第302行)l(jquery-1.8.3.min.js,第2行)fireWith(jquery-1.8.3.min.js,第2行)ready(jquery-1.8.3.min.js,第2行)A(jquery-1.8.3.min.js,第2行)非常感谢!看起来我终于想要它了:D抱歉,我一直很辛苦(我16岁)非常感谢你的帮助