Jquery延迟执行脚本 [英] Jquery delay execution of script

问题描述

拥有以下内容：

$('#navMain .nav1').hover(function () {
    $(this).addClass('hover');
    if ($.browser.msie && $.browser.version < 7) 
        $('select').css('visibility', 'hidden');
}, function () {
    $(this).removeClass('hover');
    if ($.browser.msie && $.browser.version < 7) 
        $('select').css('visibility', 'visible');
});

我需要延迟执行 addClass（'hover'） $（'＃navMain .nav1'）元素后code>。

I need to delay the executing of addClass('hover') after hovering over $('#navMain .nav1') element.

我是尝试了这个，但它不起作用：

I've tried this but it doesn't work:

$(this).delay().addClass('hover');
if ($.browser.msie && $.browser.version < 7) 
    $('select').delay().css('visibility', 'hidden');

谢谢

推荐答案

setTimeout( function(){

  // your stuff here

}, 500); // delay 500 ms

使用您的代码：

$('#navMain .nav1').hover(

  function () {
    setTimeout( function(){
        $(this).addClass('hover');
        if ($.browser.msie && $.browser.version < 7) $('select').css('visibility', 'hidden');
    }, 500); // delay 500 ms
  }, 

  function () {
    $(this).removeClass('hover');
    if ($.browser.msie && $.browser.version < 7) $('select').css('visibility', 'visible');
  }

);

这篇关于Jquery延迟执行脚本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！