如何與hoverIntent集成？

Question

這裏是一個新手。 我有一個菜單，它使用jQuery幻燈片效果。我想與hoverIntent集成。我試圖包含該文件，但仍然沒有奏效。你們能幫我嗎？ :)

<ul id="nav"> 
    <li><a href="1.html" id="CorporateMenu">Corporate Profile</a> 

     <ul> 
      <li><a href="#">Vision &amp; Mission</a> 
      </li> 
      <li><a href="#">Board of Director</a> 
      </li> 
      <li><a href="#">Senior Management</a> 
      </li> 
      <li><a href="#">Group Companies</a> 
      </li> 
     </ul> 
    </li> 
    <li><a href="index.html" id="HomeMenu">Home</a> 
    </li> 
</ul> 
<!-- menu dropdown animated --> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#nav li').hover(function() { 
      $('ul', this).slideDown(250); 
      $(this).children('a:first').addClass("hov"); 
     }, function() { 
      $('ul', this).slideUp(150); 
      $(this).children('a:first').removeClass("hov"); 
     }); 
    }); 
</script> 

Answer 1

聽起來好像你正在使用hoverIntent插件。如果這是真的，則使用.hoverIntent而不是.hover作爲事件。

小提琴：http://jsfiddle.net/HbjuW/

$(document).ready(function() { 
    $('#nav li').has('ul').hoverIntent({ 
    over: function() { 
     $('ul', this).slideDown(250); 
     $(this).children('a:first').addClass("hov"); 
    }, 
    timeout: 500, 
    out: function() { 
     $('ul', this).slideUp(150); 
     $(this).children('a:first').removeClass("hov"); 
    } 
    }); 
});