TypeError: $(...).dialog is not a function debug过程-CSDN博客

本文链接：https://blog.csdn.net/voilethht/article/details/49253291

在项目中同时使用bootstrap和jquery UI时遇到了冲突导致的TypeError问题，经过debug发现并非jquery.js重复引入，而是两者库的冲突。通过搜索找到了可能的解决方案，即使用一个兼容插件使得两者能和谐共存。目前计划尝试这个插件，并在后续记录详细解决过程。

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

当你的项目里有运用到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/js/bootstrap.min.js"></script>

再看弹框，整个样式都变了。不过还是可以弹出来。难道是我引用的文件有问题？还是我的框架导致的引用文件重复？

-。-然并卵，我在bootcss上找到另一个插件：http://www.bootcss.com/p/jquery-ui-bootstrap/index.html

据说可以二者相亲相爱地使用，等我使用好了再来好好记录一下。

先马克。