码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-10-19 14:49:23      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:导致   addm   span   asc   表单   清除   path   link   jquery   

使用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>
 

 

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

标签:导致   addm   span   asc   表单   清除   path   link   jquery   

原文地址:https://www.cnblogs.com/wl0423/p/11703669.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!