引导JavaScript不工作
我的切换javascript按钮最初是有效的——但现在我发现我的切换按钮包括导航栏折叠切换和手风琴面板。 我已经包括了我的页眉和页脚。根据我的研究,我看不出它为什么停止工作了。 任何帮助都将不胜感激 标题: 网站标题引导JavaScript不工作,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我的切换javascript按钮最初是有效的——但现在我发现我的切换按钮包括导航栏折叠切换和手风琴面板。 我已经包括了我的页眉和页脚。根据我的研究,我看不出它为什么停止工作了。 任何帮助都将不胜感激 标题: 网站标题 <!-- Bootstrap --> <link href="style/css/bootstrap.min.css" rel="stylesheet"> <!--load font awesome--> <
<!-- Bootstrap -->
<link href="style/css/bootstrap.min.css" rel="stylesheet">
<!--load font awesome-->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
页脚:
<footer>
<div class="container">
<p>© Company 2015</p>
</footer>
</div> <!-- /container -->
</div>
</body>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
&抄袭;公司2015
我将页脚示例中显示的javascript标记更改为:
<script src="../../dist/js/bootstrap.min.js"></script>
到
这就解决了问题。我想您只是复制了引导端的内容,例如:
<script src="../../dist/js/bootstrap.min.js"></script>
如果在根目录中的某个文件夹中有js引导文件,则可能需要确保路径正确。例如,如果html文件与bootstrap.min.js位于同一目录中,则应该是
您刚才所做的快速修复只是将其更改为
现在可能会解决问题,但它会使本地引导文件变得无用,您可以使用引导cdn回退
使其变得有用。
这基本上就是在加载远程引导文件失败时加载本地引导文件 如果您检查页面的控制台,它应该会显示一个通知,即javascript看不到jquery。因此,您可以通过从jquery站点下载jquery源代码来解决这个问题,然后可以在页脚的末尾添加以下代码行:
window.jQuery | | document.write(“”)
如果您使用的是bootstap 3.x,那么您至少需要jQuery 1.9.1版本库。首先下载jQuery库和bootstrap js,并将其包含在应用程序中,然后在应用程序页面中进行注册。首先注册jQuery库,然后按如下所述注册bootsrap js
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
您已经包含了bootstrap.min.js
2次。删除第一个,因为它应该在jquery之后加载。始终首先包含jquery链接标记,然后添加引导链接..我已经删除了第一个。然而,我仍然无法使用JavaScription,我希望您知道这样一个事实,即这使您的本地文件变得超级棒。这可能只是一个路径问题。@nozzleman我完全同意你的看法。我认为他应该使用本地文件进行cdn回调。检查我下面的答案。这并没有解决它在本地不起作用的问题
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>