CSS轉換延遲顯示引導程序3菜單

在引導程序中，隱藏菜單下拉菜單。點擊父母后，下拉菜單中會顯示。CSS轉換延遲顯示引導程序3菜單

我改變了這一點，以便在下拉列表會顯示在懸停：

ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block;  
}

這都是一件好事，因爲在頁面上許多下拉菜單，但是，老鼠到處亂飛導致的圖形噩夢的時候，所以，我想延遲顯示下拉菜單，直到鼠標懸停1秒。這意味着用戶確實希望看到下拉菜單，並且不會意外地將鼠標移到其上。

我在嘗試以下，但它沒有影響。下拉菜單仍然立即顯示。

ul.dropdown-menu { 
    transition: 0s display; 
} 

ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block;  
    transition-delay:1s; 
}

有沒有辦法做到這一點？

來源

2014-07-21 Darren Sweeney

jQuery('ul.nav li.dropdown').hover(function() { 
    jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(); 
    }, function() { 
    jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(); 
});

http://www.bootply.com/64078

IMO，如果人們希望看到的下拉列表中，他們會點擊！

哈弗的下拉列表中可刺激，特別是當有許多人在同一頁上

來源：Adding a delay on bootstrap dropdown

來源

2014-07-21 13:30:17

CSS轉換延遲顯示引導程序3菜單

回答

相關問題