[英]bootstrap javascript events not binding
没有任何bootstrap javascript事件(在这种情况下,用于折叠/展开的事件)将绑定到我的元素。 我是新手,所以可能在某处有问题????
当粘贴到bootply时它可以正常工作http://www.bootply.com/tMvXXUvlz6
破旧版的限量版现场例子也可在这里找到http://quirell.ngrok.io/tagged/life#
head.html:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="/static/css/main.css" rel="stylesheet">
body.html:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target="#navbar" class="navbar-toggle collapsed"><span class="sr-only">Toggle Navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button><a href="#" class="navbar-brand">Lynn Cyrin</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/">Home</a></li>
<li><a href="/about">About Me</a></li>
<li><a href="/contact">Contact</a></li>
<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">Dropdown<span class="caret"></span></a>
<ul role="menu" class="dropdown-menu">
<li><a href="/tagged/life">Life</a></li>
<li><a href="/tagged/advocacy">Advocacy</a></li>
<li><a href="/tagged/tech">Tech</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
footer.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'></script>
EDITS:
控制台上没有任何内容显示任何错误消息。 我只是注意到引导程序顶部有一行引发错误是jQuery不存在,我无法触发该行(通过删除jQuery)。
我有一种感觉,所有的js都坏了,所以我在bootstrap.js的调用下面做了console.log('pizza')
,并且运行正常。 好像我的页面永远不会应用bootstrap.js的内容??????
在引导程序下面添加Jquery链接。 因为在你的情况下浏览器首先加载jQuery,然后尝试加载bootstrap,这会产生冲突
你应该在两个<script>
标签上都有src
。 你有一个关于Bootstrap的href
。
此外,应该放弃https
并只使用//<url here>
以便它适用于您要求网站使用的任何协议。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.