2017-08-02 36 views
0

我试图重建从一个普通aspnetcore控制台应用程序的aspnetcore MVC模板。现在我在前端部分,我写了_Layout.cshtml-文件。当我运行应用程序,导航栏,按钮(显示在小屏幕上)将行不通引导切换按钮不工作(不加载在加载到源文件尽管bootstrap.js事件侦听器)

这个导航栏按钮的功能例如我在谈论

enter image description here

当我编写代码时,它不起作用。它坐落在那里美丽而无反应。

住宿像这样,当我点击它
enter image description here

现在的按钮标签是相同的两个:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 

中要显示的标签是相同的两个:

<div class="navbar-collapse collapse"> 

为bootstrap.js脚本标签是相同的两个:

<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> 

当我检查在工作实例的按钮,检查Event listeners我看到一大堆事件listerners的,他们都调用bootstrap.js文件:

enter image description here

当检查按钮在我自己的破码中,我看不到任何事件听众:

enter image description here

这让我觉得bootstrap.js还没有在我的断码装,但后来我看的源标签:

enter image description here

而且bootstrap.js是存在的,明确加载和一切?造成这个问题的原因是什么?

+0

你有jQuery的正确版本在你的代码加载? – freginold

+1

噢,我的天啊,谢谢你!我也有jQuery的正确版本的加载,但脚本标签是在我的代码(第一bootstrap.js随后的jquery.js)加载顺序相反。当我切换订单时,它开始工作(切换回来,停止工作,所以绝对如此)。你知道这是为什么吗? – MrJalapeno

+0

引导依赖于jQuery的某些事情,所以如果jQuery的不首先加载,引导可能还没有反应过来它应该如何。 – freginold

回答

1

引导依赖于jQuery的某些功能,从而jQuery的必须在bootstrap.js文件之前被加载。如果您有多个脚本文件,最好检查依赖关系并确保首先加载所需的所有文件。 (从经验来说!)