繁体   English   中英

bootstrap javascript事件没有绑定

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM