javascript - 在鼠标悬停事件上触发 Bootstrap 折叠功能

Question

我正在使用 Bootstrap 进行导航，并且希望不仅在单击按钮时打开折叠菜单，而且在悬停按钮时也打开折叠菜单。我什至找不到已经编程的点击事件的 javascript 代码。

这是打开导航的按钮:

<button class="navbar-toggle collapsed" data-target="#main-nav" data-toggle="collapse" aria-expanded="false">

这是要打开的导航:

<nav class="navbar navbar-fixed-top">
<div id="main-nav" class="navbar-collapse collapse" aria-expanded="false" style="height: 2px;">
<div class="container">

我的问题:

我不知道如何处理 Bootstrap (在文档中找不到)以使用悬停在按钮上来打开导航栏。

导航未折叠时的代码:

<button class="navbar-toggle" data-target="#main-nav" data-toggle="collapse" aria-expanded="true">

<nav class="navbar navbar-fixed-top in">
<div id="main-nav" class="navbar-collapse collapse in" aria-expanded="true" style="">
<div class="container">
<ul class="nav navbar-nav">
<li class="col-xs-12 col-sm-2 with-sub">
<li class="col-xs-12 col-sm-2 with-sub">

Answer 1

可能且快速的解决方案是 jQuery on与 jQuery trigger 结合功能。

$('button.navbar-toggle.collapsed').on('mouseenter', function(){
  $(this).trigger('click');
})