Question

我在页面上收到这些错误：

Uncaught TypeError: Object [object Object] has no method 'fancybox'
Uncaught TypeError: Object [object Object] has no method 'revolution'

在我的页面中，我使用的主题已经使用了一个jQuery库，但是FancyBox正在为自己使用另一个自定义的jQuery库。以下是我的头脑细节：

<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen">

<!---->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/jquery.migrate.js"></script>
<script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/gmap3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/script.js"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

我使用Google搜索了这个问题，但没有解决方案。

Answer 1

使用$.noConflict()进行检查。我早些时候遇到过这个问题。加载第一个库，并以不同的名称保存。

然后

window.oldJquery = $.noConfilict() ans加载新的jQuery。使用两者并在需要时，如果您使用旧的jQuery，请使用oldJquery而不是$。

Answer 2

我从未使用FancyBox库，但如果您的引用顺序不正确，则会发生这种情况。因此，该库可能依赖于您引用的后续库，或者它是全球化的。稍后在参考链接中移动您对它的引用。

我认为你的jQuery库太旧了，或者你的jQuery库实际上没有被引用。

未捕获的TypeError：对象[object Object]没有方法'fancybox'

2 个答案: