2

具有以下内容:

$('#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')元素上后,我需要延迟执行。

我已经尝试过了,但它不起作用:

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

谢谢

4

2 回答 2

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

);
于 2012-08-02T09:12:17.310 回答
3

如果一个简单的 javascript 延迟可以帮助您,您可以执行以下操作:

setTimeout(function() {
  // your code here
}, 3000);

具有以下签名: setTimout(functionToExecute, delayInMs);

和文档: http ://www.w3schools.com/js/js_timing.asp

跳跃我帮助你。

于 2012-08-02T09:17:41.383 回答