解决SSM：$(...).modal is not a function

最新推荐文章于 2022-02-14 12:05:25 发布
最新推荐文章于 2022-02-14 12:05:25 发布
阅读量482 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： SSM框架bug解决方法 文章标签： SSM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35764460/article/details/87548531
本文解决在使用Bootstrap模态框时遇到的$(…).modalisnotafunction错误，问题源于bootstrap.min.js未在jquery之后加载，正确引用顺序即可解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决SSM：$(…).modal is not a function

今天在写bootstrap的模态框时，遇到这个问题，说$(…).modal 方法错误。
在这里插入图片描述
运行后报错了
在这里插入图片描述
想到bootstrap.min.js基于jquery框架，也就是说浏览器没有解读到jquery，马上看下引用的顺序，果然错了。

解决办法：在bootstrap.min.js之前引用jquery即可

在这里插入图片描述
转载：https://blog.youkuaiyun.com/weixin_38357164/article/details/80042599

基于SSM+vue的前后端分离小项目（用户后台管理系统的实现）
qq_41986840的博客
01-24 8314
本篇博客将介绍现今主要流行的前后端分离方式构建管理系统的实现 项目搭建环境： windows系统 服务器：Tomcat 9.0 项目运行环境：JDK1.8 前端主要技术：HTML、CSS、VUE前端框架、axios异步处理 服务器端主要技术： Spring、SpringMvc、mybatis 数据库：Mysql 5.5 构建管理工具：Maven 开发工具：SQLyog、IntelliJ IDE...
2.5.2.1 可视化项目案例(需求分析、环境搭建、用户登录登出、用户模块显示、分页、增删改)
weixin_47134119的博客
01-01 1949
可视化项目案例 文章目录可视化项目案例一、 需求分析与环境搭建1.1 需求分析1.1.1 需求分析1.1.2 项目技术栈1.1.3 数据数据库设计2.环境搭建1.2.1 工程环境1.2.2 数据库环境1.2.3 项目结构1.2.4 项目框架搭建1.2.5 通用模块编写1.3.测试后台环境**1.3.1 测试目标1.3.2 测试方式二、 前台页面模块2.1.引入前台静态资源2.2.导航栏页面配置三 、用户模块3.1.接口说明3.2.用户表设计3.3.用户登录3.4 用户分页3.4.1 用户列表分页接口设计3
$(...).modal is not a function
AinUser的博客
11-25 6051
使用bootstrap框架，引入文件或者调用方法函数的时候会出现 modal is not a function type="text/javascript" src="js/bootstrap.js"> src="//code.jquery.com/jquery-1.11.0.min.js">总而言之：上面的引入方式是错误的，一定要jquery在前面，因为bootstrap引用了jquery中的
【异常处理】$(...).modal is not a function
weiambt的博客
02-14 817
发现问题 在使用bootstrap配合AJAX的时候，控制台报错$(…).modal is not a function。 Uncaught Error: Bootstrap's JavaScript requires jQuery Uncaught TypeError: $(...).modal is not a function 原因 bootstrap中的javascript引用了JQuery，所以在标签中，jquery一定要在bootstrap之前引入 ...
SSM众筹网站
weixin_44595287的博客
12-09 4962
注：本文为伪原创，代码主要参考尚硅谷教程。感谢巨人的肩膀，让我可以看得更远。 本文全部代码见https://github.com/BnKes/crowdfunding 详细目录见文章尾巴 1.系统架构 Atcrowdfunding-parent 父工程,聚合其他工程(pom) Atcrowdfunding-main Web工程,存放所有页面,框架配置文件(war) Atcrowdfun...
SSM批量修改
weixin_44538411的博客
05-29 666
开发工具与关键技术：Eclipse软件，SSM批量修改 作者：陈隆 撰写时间：2021年05月28日 想要完成批量的修改是首相需要设置配置文件的，首相就是在连接数据库的路径中添加allowMultiQueries=true这一句代码就可以开启多条SQL语句的提交的了，如果不开启是默认是单条的SQL语句的，如果不开启多条语句的提交的情况下提交多条的SQL语句是肯定会报错的，除了设置这里的连接数据库中的地址，还要设置一下spring-mybatis.xml中的一些配置。 <!-- 配置监控统计拦截的f
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
BootStrap学习笔记【三】：$().modal() is not a function
汤圆学Java
12-31 502
问题描述：modal组件，想通过js驱动，结果提示$().modal() is not a function 原因分析： bootstrap.js和jquery.js的引入顺序问题，需要先引入jquery.js，再引入boostrap.js 但是我的顺序是对的，后来网上查可能是引入了多个jquery.js，如下所示 <script src="jquery.js"></script> <script src="bootstrap.js"></script&g.
TypeError: $(...).modal is not a function（在使用Bootstrap模板中的模拟框时出现）错误的解决方式
slience_0427的博客
08-05 1760
本人也是这两天学习SSM框架的时候遇到的问题，，在这里分享给一下。 因为Bootstrap的js文件 依赖于jQuery的js文件，所以再引入文件的时候需要注意文件引入的顺序； 然后就可以使用了。 还有一种错误是因为引入了两个相同的js文件或者是有着相同函数/方法的js文件，所以导致出现错误，不过我没见过，所以不是很清楚。...
前端报错：$(...).modal is not a function
maniacxx的博客
06-19 6986
今天使用jquery和bootstrap写前端代码碰到报错：$(…).modal is not a function 由于我不是专门做前端的，改了半天代码没改出来，难受，最后发现是js的引入问题，js的引入中，必须将jquery的引入放在bootstrap的引入之前，不然就会报一些奇奇怪怪的错误。...
bootstrap TypeError: $(...).modal is not a function
qq_34412985的博客
10-17 907
在使用Bootstrap模板中的模拟框时出现TypeError: $(...).modal is not a function错误的解决方式 因为Bootstrap的js文件 依赖于jQuery的js文件，所以再引入文件的时候需要注意文件引入的顺序 然后就可以使用了。 还有一种错误是因为引入了两个相同的js文件或者是有着相同函数/方法的js文件，所以导致出现错误， ...
jQuery 常见错误：$(...).modal is not a function 的解决办法
qq_38830589的博客
10-07 6754
文章目录jQuery 常见错误1. $(...).modal is not a function jQuery 常见错误 1. $(…).modal is not a function 出现该问题原因： 1、重复引用文件可能会导致该问题 首页可以通过 load 方法，链接到其他子页面，更新首页局部页面，首页导入的链接，其他子页面也可以使用，如果首页已经导入了 jquery.js 、bootstr...
偶遇一次$(...).modal() is not a function的问题
hi__study的博客
06-18 3987
最近使用bootstrap coding的时候，偶然出现了一次$(...).modal() is not a function的问题。   由于，我并不是专业前端，而且以前也从没有用过bootstrap。因此，对该问题无从下手。不过，我知道这种问题往往是js加载顺序的问题。然后，在百度之后，开始尝试去解决。   首先，看了一下header.jsp中的js加载顺序是否正常：   从上图
Uncaught TypeError: $(...).modal is not a function
farmwang的专栏
04-21 4715
SSM与Vue.js打造前后端分离的排班管理系统
1. SSM框架 SSM代表Spring、SpringMVC和MyBatis三个开源框架的整合。SSM框架是Java EE开发中常用的一个全栈式轻量级框架，主要用于企业级的应用开发。 - Spring框架：是一个开源的轻量级Java应用框架，提供了全面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小胖丨学编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值