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

当你的项目里有运用到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

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

先马克。