jQuery noConflict用于虚拟

时间:2011-06-28 10:17:10

标签: javascript fancybox jquery

我在Wordpress中有一个jQuery插件冲突,我需要一些帮助。在我的测试页面上:http://timbaggaley.co.uk/test/我安装了Easy Fancybox插件,用于图像和视频演示。它工作正常,直到我使用发布到Javascript加法器小部件中的代码安装了jQuery backstretch插件。我猜我的问题是对多个库的调用,我需要使用noConflict。我已将我的代码修改为:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.timbaggaley.co.uk/js-includes/jq_backstretch/jquery.backstretch.js"></script>
<script type="text/javascript">
var $j = $.noConflict();
$j(document).ready(function() {
$j.backstretch("http://timbaggaley.co.uk/backstretch/pic4.jpg", {speed: 150});});
</script>

后伸仍然有效,但Fancybox仍然没有。我是一个完整的编程新手,我已经阅读了尽可能多的jQery noConflict建议,但我无法弄明白。任何人都可以帮我一些关于如何在我的网站上实现noconflict技巧的'n'粘贴傻瓜式指导吗?

由于 蒂姆,伦敦

3 个答案:

答案 0 :(得分:0)

首先删除“var $ j = $ .noConflict();”并尝试使用“jQuery”而不是“$ j”

答案 1 :(得分:0)

嗯,实际上,Easy Fancybox使用jQuery,所以这不是使用多个库的问题。因此,您使用.noConflict()

答案 2 :(得分:-1)

我通常只调用$.noConflict()而不是将其存储在变量中。 此外,您可以通过使用jQuery(document).ready()而不是$来一起避免冲突(通常)。