Fancybox和Jquery-UI插件之间的冲突

时间:2014-09-28 11:21:56

标签: jquery jquery-ui fancybox

我想在使用fancybox插件后使用jquery-ui插件。 但是当我尝试链接jquery-ui的外部javascript文件时,插件之间会发生冲突。 我试图找到这个问题的一般解决方案,但我找到的只是针对不同插件的一些特定解决方案。

我猜我的链接有些不好:

在主页:

    

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<script type="text/javascript" src="/jqueryui/scripts/jquery-ui.js"></script>
<script type="text/javascript" src="/jqueryui/scripts/jquery.js"></script>

最后两个链接会导致此问题,甚至其中一个。

以下是我尝试运行时发生的情况,出现两条错误消息:

无法获得财产&#39; init&#39;未定义或空引用。

然后立即:

对象不支持属性或方法&#39; fancybox&#39;。

谢谢:)

1 个答案:

答案 0 :(得分:0)

包括最新版本的jquery,之后包括jquery ui,然后是fancybox。相反,您可以使用jquery ui本身的弹出窗口,无需使用fancybox