1
A
回答
4
只需添加下面的CSS
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</nav>
-1
<div class="dropdown">
...
</div>
你可以使用jQuery试试这个:
$(".dropdown").hover(function(){
$(this).addClass("show");
});
2
来自Znaneswar的css效果很好,但我也会添加这一行。
.dropdown-menu {
margin: -0.125rem 0 0;
}
该下拉距离生成下拉的元素间隔0.125rem。因此,当您将鼠标移到该空白处时,您将很难从链接导航到下拉菜单,而不会消失。
如果你想下拉链接实际上是一个链接,以及,刚刚从标签中删除此属性
data-toggle="dropdown"
0
下面的CSS工作正常
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
pointer-events: none; // Add this, to prevent clicking dropdown's default click function
}
相关问题
- 1. 悬停下的自举下拉菜单
- 2. 如何让jquery下拉菜单在悬停li类时打开
- 3. 将CSS下拉菜单打开:悬停
- 4. jquery下拉菜单在悬停时反复打开
- 5. 悬停时自举导航栏下拉
- 6. 工具栏菜单自动下拉鼠标悬停在extjs 4
- 7. 如何让导航下拉菜单在悬停时保持打开状态?
- 8. 如何在悬停时使下拉菜单保持打开状态
- 9. 如何使下拉菜单展开时,我将它悬停
- 10. 下拉菜单(悬停)
- 11. CSS下拉菜单悬停
- 12. jQuery下拉悬停菜单
- 13. 下拉菜单/悬停菜单
- 14. 悬停时下拉菜单消失
- 15. 悬停在菜单下拉菜单 - 如何使悬停效果不消失?
- 16. 悬停后保持下拉菜单打开(CSS)
- 17. CSS3翻转下拉菜单 - 悬停在子菜单时
- 18. 在jQuery中悬停/鼠标悬停事件的下拉菜单
- 19. 问题与:悬停在下拉菜单
- 20. 我的导航下拉菜单在悬停时不会保持打开状态
- 21. 超时鼠标悬停和鼠标悬停下拉菜单?
- 22. jQuery下拉菜单单击不悬停
- 23. jQuery下拉菜单 - 悬停并单击
- 24. 如何在悬停时打开Kendo菜单,而不是点击?
- 25. 当鼠标悬停在下拉菜单上时,JQuery悬停下拉菜单消失
- 26. 如何在左侧下拉菜单中打开子菜单
- 27. 当我只需要打开一个下拉菜单时,JQuery下拉菜单打开多个下拉菜单
- 28. css中的悬停下拉菜单未在正确位置打开
- 29. 悬停模式下的标签,同时鼠标悬停在下拉菜单上
- 30. 悬停时显示DIV子菜单下拉菜单
要在点击打开?或者你没有?不清楚你的问题 – Hkachhia
我想他只是想打开下拉悬停像这样:https://codepen.io/bsngr/pen/frDqh – Wouter
@Hkachhia我想打开悬停。 –