TypeError: $(...).dialog is not a function debug过程

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量8.1k 收藏
点赞数
分类专栏： Bootstrap jQuery 前端 JavaScript 文章标签： bootstrap jquery jquery ui 调试 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/voilethht/article/details/49253291
版权
在项目中同时使用bootstrap和jquery UI时遇到了冲突导致的TypeError问题，经过debug发现并非jquery.js重复引入，而是两者库的冲突。通过搜索找到了可能的解决方案，即使用一个兼容插件使得两者能和谐共存。目前计划尝试这个插件，并在后续记录详细解决过程。
摘要由CSDN通过智能技术生成

当你的项目里有运用到bootstrap和jquery UI两个JS插件的时候，你就知道错了……二者在很多方面都会存在冲突，比如我遇到一个问题debug了很久，错误如下：

TypeError: $(...).dialog is not a function

根据stackoverflow上的解释，都是说jquery.js重复。然而我找了半天，都没有发现我有重复的地方。后来突然想到，是不是jquery UI与bootstrap起冲突导致的。

再一搜索，果然网上有很多关于这两个库相爱相杀的例子。我决定实验一下下。将两个库全部引入

  <link rel="stylesheet" href="http://apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">  
  <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/j
最低0.47元/天 解锁文章
全名工作狂
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ajax上传文件附带参数问题之 $(...).dialog is not a function
小菜菜菜菜菜菜的博客
12-05 1195
1、先引用两个包 jquery-1.8.0.min.js和ajaxfileupload.js 2、再上传文件（这里是上传excel）和附带的参数（id）， html js File.upLoadFile=function(){ var id= document.getElementById("pipeImportId")
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
使用jQuery dialog前端报错Uncaught TypeError: $(…).dialog is not a function，解决方法
sinat_34524133的博客
10-09 4907
正确引入js和css文件 <script type="text/javascript" src="js/jquery-3.5.1.js" ></script> <script src="js/jquery-3.5.1.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/jquery-ui.js"></script
正确解决TypeError: xxx is not a function异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 8165
正确解决TypeError: xxx is not a function异常的有效解决方法
报错：Uncaught TypeError: $(…).dialog is not a function，处理方法。
热门推荐
weixin_40125777的博客
09-06 1万+
在写前端queryselfplan.js代码时运用  $.dialog({ type: 'alert', content: '该计划未创建' }); 报错：Uncaught TypeError: $(…).dialog is not a function 这时候查了很多资料，发现原因是jsp页面有css和js包没有导入，导包如下：
jQuery UI dialog插件出错信息:$(this).dialog is not a function
02-19 134
使用jQuery UI 1.7.2 dialog插件，遇到这样的错误： [img]http://dl.iteye.com/upload/attachment/308166/97c428e4-2ce2-367e-b4df-4c4da7686b95.bmp&quot; alt=&quot;&quot; width=&quot;210&quot;...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
jquery dialog load页面时.dialog is not a function
记录，学习。
05-08 2456
在用jquery的dialog效果时，在父页面中弹出样式load一个子页面，在点击关闭之后，重新load就报错说 $("#youId").dialog is not a function   从网上找到答案。是因为子页面中引用了jquery的js。
jQuery UI dialog插件出错信息:$(this).dialog is not a function及js引入重复解决办法
一窍不通只会复制粘贴的Java工程师
08-12 1万+
$(this).dialog is not a function js一直报这个错误 ，需要引用的js 插件 也全部引用 但还是报错 找了 好久 后来发现是一样的js 插件引入了两次 因为一个页面引入了另一个jsp  里面也有引用相同的js  删除重复的js插件
window.showModalDialog 在谷歌Uncaught TypeError: undefined is not a function
独孤求梦
11-20 9826
if(navigator.userAgent.indexOf("Chrome") >0 ){ var winOption = "height="+height+",width="+width+",top=50,left=50,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes
$('#dlg').dialog('open') is not a function
zxh的专栏
06-27 2466
$('#dlg').dialog('open')  is not a function   如果已经导入了jqurey.js包，那么可能就是因为jquery的版本问题了，如果版本太高，就没有那个方法。尝试用低点的包。
$ is not defined、$.dialog() is not function、$(...).ajaxsubmit() is not function
熊浪的博客
10-10 4901
今天用easyUI弹一个dialog在用ajax提交表单，因为字段过多，所以要进行封装，所以就想到了jquery的ajaxsubmit提交。 首先报错为$ is not defined 这是因为jquery.js没有引用，但查一下引用了，后来发现前面引用的js文件用了jquery.js框架，原来是没有第一个引用，后来把它放到第一 之后又报$.dialog() is not function，首
jqueryUI的dialog报错
龙腾四海365的专栏
05-25 1383
jqueryUI的dialog报错 jQuery UI dialog插件出错信息$(this).dialog is not a function 试了很久，发现在当前页面上加载了jquery的js资源，在被load的那个页面中也加载了jquery的资源。 尝试将被load的页面中的jquery资源去除，错误便消除。
使用jquery插件autocomplete时候出现typeerror:this.source is not a function即与jquery的autocomplete冲突
AKmumu的专栏
08-28 9737
之前使用jquery的插件做的自动提示邮箱后缀，后来因需要在此页面增加弹出框，因而使用了jquery的dialog，在这里有之前功能引入的js文件：jquery.autocomplete.js，还有刚刚引入的jquery.ui文件，经查看这两个里面有冲突的内容，我的解决办法是把jquery里关于autocomplete的删去即可，可以搜索相关的，只有一段代码，删了就可以
jQuery 常见错误：$(...).modal is not a function 的解决办法
qq_38830589的博客
10-07 5895
文章目录jQuery 常见错误1. $(...).modal is not a function jQuery 常见错误 1. $(…).modal is not a function 出现该问题原因： 1、重复引用文件可能会导致该问题 首页可以通过 load 方法，链接到其他子页面，更新首页局部页面，首页导入的链接，其他子页面也可以使用，如果首页已经导入了 jquery.js 、bootstr...
Uncaught TypeError: $.ajax is not a function
07-22
这个错误是因为代码中使用了 jQuery 的 ajax 方法，但是并没有正确导入 jQuery 库，导致 $ 变量无法调用 ajax 方法。需要在代码中加入正确的 jQuery 导入语句，如： ``` <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值