在bootstrap下拉列表上添加延迟

我试图找到在这个引导下拉列表上添加延迟的最简单的方法… http://www.bootply.com/64074我尝试了各种方法和脚本,但我似乎无法做到这一点。 我添加了一条css行,允许鼠标hover时自动下拉。

  

这个JQuery做了伎俩! http://www.bootply.com/64081

  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(); }); 

对于那些稍后遇到这个post的人来说..看看这个兼容Bootstrap 3的好插件,可以使用导航菜单,按钮,按钮组等:

https://github.com/CWSpear/bootstrap-hover-dropdown