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

鼠标悬停事件

1 个答案: