懸停意願不工作

Question

我對js並不擅長。我如何得到這個與hoverIntent一起工作？

$(document).ready(function() { 
    $('#nav > li > a').hover(function(){ 
     if ($(this).attr('class') != 'active'){ 
      $('#nav li ul').slideUp(800); 
      $(this).next().slideToggle(800); 
      $('#nav li a').removeClass('active'); 
      $(this).addClass('active'); 
     } 
    }); 
    return false; 
}); 

我已經嘗試四處搜尋，但只是不太確定如何去做。它現在基本上在懸停狀態下工作。但是如何將.hoverIntent添加到代碼中。

This is the Fiddle.

我不能只是改變.hover到.hoverIntent吧？

Answer 1

對於hoverIntend，看到jQuery插件： http://cherne.net/brian/resources/jquery.hoverIntent.html （您只需要下載縮小的版本，並將其導入到應用程序：http://cherne.net/brian/resources/jquery.hoverIntent.minified.js）。

這裏的jsfiddle：http://jsfiddle.net/Fmu8Y/1/

另外一個有用的鏈接：Delay jquery hover event?

$(document).ready(function() { 
    $('#nav > li > a').hoverIntent(function(){ 
    if (!$(this).hasClass('active')){ 
     $('#nav li ul').slideUp(800); 
     $(this).next().slideToggle(800); 
     $('#nav li a').removeClass('active'); 
     $(this).addClass('active'); 
    } 
}, function() { 
    if ($(this).hasClass('active')){ 
     $(this).next().slideUp(800); 
     $(this).removeClass('active'); 
    } 
    }); 
    return false; 
});