css - bootstrap响应式导航条引用本地文件就不响应，远程文件可响应

问题描述

问 题

导航条代码：

<nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container-fluid">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Brand</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
        </div>

        </div>
</nav>

当引入js为远程文件时：

<script src="http://cdn.gbtags.com/jquery/2.1.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

当引入js为本地文件时：

<script href="/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script href="/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

按下去就不能动了。。。
开始以为是版本问题，我把远程的拷贝到本地后再导入也不能动，有点懵逼

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

<script href="/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script href="/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
href换成src就成。

这篇关于css - bootstrap响应式导航条引用本地文件就不响应，远程文件可响应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！