我导入本地的bootstrap.min.js为什么不起作用

来源:8-1 导入JavaScript插件

大卫史密斯

2016-01-13 13:50

bootstrap.min.js这个文件是下载的github上的dist目录的,引用单独的可以成功,比如dropdown.js

写回答 关注

7回答

  • 昵称什么DE
    2017-04-22 13:57:56

    可我的jQuery只要一方在bootstrap前面,在DW中就提示错误信息

  • weibo_流苏25_0
    2016-11-01 18:39:38

    jquery.min.js要放在bootstrap.min.js前面

    慕哥2598...

    谢谢谢谢!!!! 折磨一阵子

    2018-06-11 18:13:17

    共 1 条回复 >

  • 黎宇浩
    2016-07-05 19:02:20

    我是这样导入的.

    http://img.mukewang.com/577b93a800011a2906490149.jpg

  • xiaohuasheng
    2016-04-04 07:32:15

    我是这样做的,先调试好jquery,然后再引入bootstrap部分的代码

    代码放在bootstrap-3.3.6-dist 目录下,jquery-2.1.4 要自己下载,我把它放在 js目录下

    http://img.mukewang.com/5701a7a200014fe213650350.jpg

    <html>
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script type="text/javascript" src="./js/jquery-2.1.4.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $(".btn").click(function(){
        //$("#des").html("hello world");
        $("#mymodal").modal("toggle");
      });
    });
    </script>
    </head>
    
    <body>
    <div id="des">
        </div>
        <button class="btn btn-primary" type="button">Click me</button>
        <div class="modal" id="mymodal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">模式弹出窗标题</h4>
                        </div>
                        <div class="modal-body">
                            <p>模式弹出窗主题内容</p>
                            </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">保存</button>
                            </div>
                    </div>
                </div>
            </div>
    
    </body>
    
    </html>


  • hello清风
    2016-01-26 16:25:10

    我的也不成功啊,怎么解决啊

  • 大卫史密斯
    2016-01-13 14:46:24

    我的bootstrap.min.js是3.3.6的,感觉和这个课程的代码并不匹配,改用3.2.0的现在好使了

    hello清...

    那3.2.0哪里有啊?并且到底什么原因呢

    2016-01-26 16:36:33

    共 1 条回复 >

  • 雷佳婷01
    2016-01-13 14:04:53

    加载jquery库

    大卫史密斯

    jquery 也加载了: <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <!-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> --> <script src="js/bootstrap.min.js"></script> 而且如果是jquery的问题,换成dropdown.js应该也是不能用的吧

    2016-01-13 14:30:01

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题