使用Bootstrap模态框时Uncaught TypeError: $(...).modal is not a function

使用Bootstrap模态框时Uncaught TypeError: $(...).modal is not a function

 

看了官网代码，发现没有错，和视频中的源码对比也发现没有错

//点击新增按钮弹出新增页面
        $("#emp_add_modal_btn").click(function(){
            //清除表单数据
            
            //发送ajax请求，查询部门信息，显示在列表中

            //弹出新增页面
            $("#empAddModal").modal({
                backdrop:false
            });
        });

结果发现是自己的Jquery 的引入在bootstrap的后面导致的，把jquery的js引入放在bootstrap后面就行了

<script type="text/javascript" src="${APP_PATH}/static/js/jquery-1.12.4.min.js"></script>
 <link href="${APP_PATH}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
 <script type="text/javascript" src="${APP_PATH}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>