jquery - Bootstrap 中的下拉菜单

Question

我正在使用 bootstrap 创建我的第一个网站。

然而，当我开始创建菜单时，我发现了一些不需要的效果。

让我们从一个我无法以任何方式删除的三 Angular 形开始:

HTML代码是:

<div class="navbar">
                <div class="navbar-inner">
                    <a class="brand" href="#">
                        <img src="img/logo.png" alt="Logo Impressive">
                    </a>
                    <ul class="nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Sliders</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                Pages
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="dLabel">
                                <li>Example</li>
                                <li>Example</li>
                                <li>Example</li>
                            </ul>
                        </li>
                        <li><a href="#">Features</a></li>
                        <li><a href="#">Shortcodes</a></li>
                        <li><a href="#">Why Me ?</a></li>
                    </ul>
                </div> <!-- end navbar-inner -->
            </div> <!-- end navbar -->

我在创建自动关闭效果时发现的另一个问题。

对任何人来说肯定都很容易，但我几乎不了解 jquery。因此，如果有人可以帮助我使下拉菜单在鼠标上出现和消失，将会节省我很多时间。

我提前感谢所有愿意帮助我的人，因为我在工作中没有任何帮助而陷入困境

提前致谢

Answer 1

这是一个几乎相同的问题，但有很多答案... How to make twitter bootstrap menu dropdown on hover rather than click

希望这对选择使用 Bootstrap 有所帮助和荣誉。根据我的经验，您不会失望的。