javascript - 带悬停的Bootstrap下拉列表(Bootstrap Dropdown with Hover)

Question

OK, so what I need is fairly straightforward.(好的，所以我需要的是相当简单的。)

I have set up a navbar with some dropdown menus in it (using class="dropdown-toggle" data-toggle="dropdown" ), and it works fine.(我已经设置了一个带有一些下拉菜单的导航栏（使用class="dropdown-toggle" data-toggle="dropdown" ），它工作正常。) The thing is it works " onClick ", while I would prefer if it worked " onHover ".(事情是它“ onClick ”工作，而我更喜欢它工作“ onHover ”。) Is there any built-in way to do this?(有没有内置的方法来做到这一点？)   ask by Dr.Kameleon translate from so

Answer 1

The easiest solution would be in CSS.(最简单的解决方案是CSS。)

Add something like...(添加类似......) .dropdown:hover .dropdown-menu { display: block; margin-top: 0; // remove the gap so it doesn't close } Working Fiddle(工作小提琴)