玄学bug啊！bootstrap 导航栏下拉菜单为什么第一次加载页面可以成功下拉，第二次不行，第三次行，第四次不行....？

Question

以此类推  上代码，第一次能成功下拉，第二次不能成功下拉，第三次行，第四次不行，，第2n次不行，第2n+1次行

这...玄学吗？

<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="/assets/js/bootstrap.js"></script>


<nav class="navbar navbar-default" role="navigation">



    <div class="container-fluid">

        <div>
            <ul class="nav navbar-nav" id="nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Java
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li ><a href="#">jmeter</a></li>
                        <li><a href="#">EJB</a></li>
                        <li><a href="#">Jasper Report</a></li>
                        <li class="divider"></li>
                        <li><a href="#">分离的链接</a></li>
                        <li class="divider"></li>
                        <li><a href="#">另一个分离的链接</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
</div>

 

Answer 1

嗯.........这段代码跑在项目里就变成了玄学，单独写个html就没有任何毛病

Answer 2

这可能是啥原因啊

Answer 3

回复
我也不知道什么原因，不知道你项目中的页面是怎么写的，不好做判断，你在浏览器中用开发者工具看一下网络加载的css和js文件吧

Answer 4

firefox测试你这段html没任何问题，每次都能下拉。

我用的bootstrap和jquery都是最新版

<link href="old/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="old/assets/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="old/assets/js/jquery.min.js" type="text/javascript"></script>
<script src="old/assets/bootstrap/4.3.1/js/bootstrap.min.js" type="text/javascript"></script>