Bootstrap出现$(...)modal is not a function错误

最新推荐文章于 2022-02-16 17:48:52 发布
最新推荐文章于 2022-02-16 17:48:52 发布
阅读量1.3w 收藏
点赞数
分类专栏： Bootstrap 文章标签： JavaScript bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a3025056/article/details/52190384
版权

这个问题出现的时候，我迷失了方向，明明导入了bootstrap的js包为什么还会有这样的错误。

最开始想到的解决思路是可能页面第二传入可能会加上$(function(){})

但是发现不是。

其实，很简单能推理出来答案，is not a function 就相当于 js中没有这个方法，或者说js包不起作用。

第一种假设肯定是不成立的，所以肯定是js包没有起到作用。

最后发现modal框里面也导入了js文件，两者之间发生的冲突，所以发生这样的情况，以后导js等还是要谨慎一点！！！

解决问题：

将重复的js文件删除即可

Swen程序员
关注
专栏目录
bootstrapValidator show.bs.model事件中resetForm失效
zero_295813128的专栏
09-28 1万+
今天想在弹出的模态框中清空bootstrap的样式信息。比如下图 这是添加的模态框，每次添加的时候想还原div，也就是重置表单，让验证信息都去掉，看到官网上有个例子说 Resetting Form When Showing the Modal If you want to reset all the fields in form whenever the modal
bootstrap源码阅读（一）——modal原理
Daisy花园
12-12 6394
虽然bootstrap主要是css，但是我还是从bootstrap的js入手进行学习 ＃检查jquery，以及jquery版本/*typeof检查是否存在jquery对象*/ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') } /*检查jquery版本
BootStrap学习笔记【三】：$().modal() is not a function
汤圆学Java
12-31 455
问题描述：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.
Bootstrap的$(...).modal is not a function错误
weixin_30883777的博客
08-18 311
使用模态对话框的时候报错了，$(...).modal is not a function 有点蒙,modal是boostrap的函数，而我已经导入了 然后在pycharm的terminal中看到了这一幕： 不知道怎么搞的没有GET我的bootstrap.js文件，而是找了另一个文件。终于找到问题所在，更换标签 问题解决，模态对话框正常使用。 转载于:https://www.cn...
$(...).modal is not a function
hg175的博客
04-12 796
在dataTables 与 bootstrap共存的jsp中，需要将dataTables的js包放在前面，模态框就不再报错
bootstrap模态框报错modal is not a function
肆頭的博客
04-20 806
1、Jquery.js必须放到bootstrap.min.js之前 但是我
showModalDialog模态对话框的使用详解以及浏览器兼容
12-02
例如，可以使用Bootstrap的Modal组件，或者其他JavaScript库如jQuery UI或SweetAlert等。 总之，`showModalDialog`在某些特定场景下仍具有一定的实用性，特别是在需要确保用户完成特定任务或交互之前不能离开当前...
Uncaught ReferenceError: $modal is not defined
最新发布
07-13
这个错误通常表示你的代码中使用了未定义的变量 $modal。$modal 是一个常见的 jQuery 插件或 Bootstrap 组件中的对象，它可能没有正确引入或初始化。 要解决这个问题，你可以检查以下几个方面： 1. 确保引入了正确...
若依使用后台
weixin_55069111的博客
05-07 6354
一、分页实现 ***前端采用基于bootstrap的轻量级表格插件bootstrap-table *后端采用基于mybatis的轻量级分页插件pageHelper #前端调用实现 HTML代码 <table id="bootstrap-table" data-resizable="true" style="width: 100%;word-break:break-all; word-wrap:break-all; ">
bootstrap报错，提示modal不是一个函数
qq_19434753的博客
02-18 391
解决方法：检查是否重复导入了jQuery库文件，先导入jQuery库文件，再带入bootstrap库文件。
bootstrap中模态框中modal is not a function
Lotus的博客
04-28 2823
错误：    TypeError: $(...).modal is not a function    at HTMLButtonElement.&lt;anonymous&gt; (http://localhost/Projo/:270:23)    at HTMLButtonElement.dispatch (http://localhost/Projo//js/jquery-3.2.1.js...
Bootstrap模态框报错
weixin_30819163的博客
10-16 241
解决方案：上面的问题主要是包的引入问题，要确保上面的包多已经引入，我就是在引入jquery包时，引入了2个重复的包，去掉其中的一个，问题解决了。 转载于:https://www.cnblogs.com/codeDevotee/p/9797975.html...
Bootstrap报错“Uncaught TypeError: $(...).modal is not a function“
二木成林
07-17 4262
异常 当使用Bootstrap的模态框时，报如下错误： 错误代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3
bootstrap TypeError: $(...).modal is not a function
qq_34412985的博客
10-17 795
在使用Bootstrap模板中的模拟框时出现TypeError: $(...).modal is not a function错误的解决方式 因为Bootstrap的js文件 依赖于jQuery的js文件，所以再引入文件的时候需要注意文件引入的顺序 然后就可以使用了。 还有一种错误是因为引入了两个相同的js文件或者是有着相同函数/方法的js文件，所以导致出现错误， ...
bootstrap：Uncaught TypeError: $(...).modal is not a function解决
weixin_62372517的博客
02-16 679
bootstrap：Uncaught TypeError: $(...).modal is not a function解决
02 bootstrap "modal : is not a function"
热门推荐
970655147的专栏
11-03 1万+
前言 最近在使用bootStrap模态框的时候, 出现了一个这样的问题 使用按钮[data-target]点击是可以显示出模态框的 但是使用$(“#myModal”).modal() console后台爆出了一个 ‘$(…).modal is not a function’我引用的css, js代码如下 <link rel="stylesheet" type="text/css" hr
偶遇一次$(...).modal() is not a function的问题
hi__study的博客
06-18 3924
最近使用bootstrap coding的时候，偶然出现了一次$(...).modal() is not a function的问题。   由于，我并不是专业前端，而且以前也从没有用过bootstrap。因此，对该问题无从下手。不过，我知道这种问题往往是js加载顺序的问题。然后，在百度之后，开始尝试去解决。   首先，看了一下header.jsp中的js加载顺序是否正常：   从上图
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值