實現下拉菜單hoverIntent（來自click_event）

Question

該主題已從主題中刪除

Answer 1

這個帖子有被en從此線程刪除

Answer 2

只要嘗試在您的h using上使用延遲。

$('#user_settings_dropdown').dealy(1000).animate({height:['toggle', 'swing'] 
     }, 225); 

Answer 3

什麼我發現在這種情況下，最好的辦法是封閉菜單觸發和菜單身體的包裝和hoverIntent應用到。當你的菜單被隱藏時，包裝是觸發元素的大小。當顯示菜單時，包裝也將包括所有可見菜單，允許用戶點擊菜單中的任意位置。

這是基於你的代碼精簡例如：http://jsfiddle.net/irobinson/HeDSR/2/

HTML

<div id="menu-wrap"> 
<a href="#" class="user_profile_btn" title="Your profile page"> 
    <div class="arrow_down">Down arrow</div> 
</a> 
<ul id="user_settings_dropdown"> 
    <li><a href="#"><div>View profile</div></a></li> 
     <div class="grey_line"></div> 
     <li class="settings_list_item">Item a</li> 
     <li class="settings_list_item">Item b</li> 
     <li class="settings_list_item">Item c</li> 
    </ul> 
    </li> 
</div>​ 

的JavaScript

$('#menu-wrap').hoverIntent(function() { 
    $('#user_settings_dropdown').show(); 
}, 
function() { 
    $('#user_settings_dropdown').hide(); 
});​ 

CSS

#user_settings_dropdown{display:none;} 
#menu-wrap{width:100px;}​