Uncaught TypeError: $(...).modal is not a function
项目场景：
ssm框架配合bootstrap和AJAX，点击按钮弹出模态框。
问题描述：
Uncaught TypeError: $(...).modal is not a function
原因分析：
没有引入bootstrap.min.js
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
| bootstrap.css | bootstrap.min.css | bootstrap-responsive.css | bootstrap-responsive.min.css | bootstrap.js | bootstrap.min.js |
|---|---|---|---|---|---|
| bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用。 | bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了。 | bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局之后所需要的CSS样式表，如果你的网站项目不准备做响应式设计，就不需要引用这个CSS。 | bootstrap-responsive.min.css 和bootstrap.min.css的作用是一样的，是bootstrap-responsive.css的压缩版。 | bootstrap.js 这个是bootstrap的灵魂所在，是bootstrap的所有js指令的集合，你看到bootstrap里面所有的js效果，都是由这个文件控制的，这个文件也是一个未经压缩的版本，供开发的时候进行调试用。 | bootstrap.min.js 是bootstrap.js的压缩版，内容和bootstrap.js一样的，但是文件大小会小很多，在部署网站的时候就可以不引用bootstrap.js，而换成引用这个文件了。 |
解决方案：
引入bootstrap.min.js
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
Uncaught TypeError: $(...).modal is not a function相关推荐
- “Uncaught TypeError: string is not a function”
http://www.cnblogs.com/haitao-fan/archive/2013/11/08/3414678.html 今天在js中写了一个方法叫做search(),然后点击按钮的时候提示 ...
- Uncaught TypeError: XXX is not a function解决
转载:https://blog.csdn.net/u011870547/article/details/52765811 后台没有错误,前端一直显示 Uncaught TypeError: withd ...
- Fatal error: Uncaught ArgumentCountError: Too few arguments to function 解决方法
出现Fatal error: Uncaught ArgumentCountError: Too few arguments to function ....eval()'d code on line ...
- 分类信息网和织梦搬家后报错Fatal error: Uncaught ArgumentCountError: Too few arguments to function AddFilter(), 3
换服务器,用宝塔面板,新服务器是PHP7.2,而分类信息网和织梦之前用的是PHP5.6,所以出现此类问题,在新面板上安装旧版本PHP就能解决. 我遇到的问题: 1.培训分类信息网打不开首页,首页报错. ...
- JS报错 Uncaught TypeError: undefined is not a function，解决
Chrome调试报错:Uncaught TypeError: undefined is not a function,所有的数据都显示不出来 原因正如错误提示:调用了一个没有定义的方法,实际是一个空值 ...
- JS中常见的 “Uncaught TypeError: XXXX is not a function” 错误解析
文章目录 原因 一.实例详解 - 方法名与变量名重复 1.首先看代码: 2.输出结果: 3.输出解析说明: 4.实际输出步骤: 二.实例详解 - 方法名或者变量名 各自重名 1.代码如下: 2.执行步 ...
- Vue3.x 报 Uncaught TypeError:Object(...) is not a function( Vue3对象不是函数解决思路)
今天在vue3的练习时候发现我写的路由总是浏览器报错,仔细校验文档发现并没有错误啊,可总是报Uncaught TypeError:Object(...) is not a function的错误,看下 ...
- layui报错Uncaught TypeError: tree is not a function
layui报错Uncaught TypeError: tree is not a function tree({ elem: "#classtree" , data: data , ...
- JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick
JS异常处理:Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick ---- 关于<a>标签调用o ...
- js编程常见错误：Uncaught TypeError: XXX is not a function解决
Uncaught TypeError: XXX is not a function解决 后台没有错误,前端一直显示 Uncaught TypeError: withdraw is not a func ...
最新文章
- python转exe 体积_[转]用PyInstaller将python转成可执行文件exe笔记
- 数据蒋堂 | 还原分组运算的本意
- leetcode_894. All Possible Full Binary Trees
- 使用python套用excel模板_集成python的excel插件模板pyaddin——使用说明
- 关于java文件扩展名认识
- C# ERROR.未能找到程序集“Microsoft.QualityTools.Testing.Fakes”。请检查磁盘上是否存在该程序集。
- python time strptime_Python中操作时间之strptime()方法的使用
- springcloud~Eureka实例搭建
- OpenGL版本与OpenGL扩展机制
- Linux Ubuntu 安装 anaconda3和 Pycharm 社区版本
- Ubuntu下Chrome浏览器不能以根用户身份运行的解决方法
- TypeScript 1.5 Beta带来修饰元数据支持
- php 树形结构实例,php:树形结构的算法实例
- 2020京东双十一【全民营业，瓜分十亿】自动做任务软件
- 情感原因识别相关论文整理
- weblogic子服务器显示状态RESUMING,长期等待状态
- 漫谈 MQ：要消息队列（MQ）有什么用？
- 使用微信部署ChatGPT
- win7系统无法激活问题
- 超越大典汽车维修系统