如何使用 jQuery.noConflict();

Question

为我的网站安装灯箱后，我的评论停止工作。我查看了代码，并将 中的 javascript 链接（lightbox 附带的链接）移动到了 Wordpress-Buddypress 附带的 javascript 链接上方。之前，我来自 Lightbox 的 javascript 链接位于 Wordpress 附带的 javascript 链接下方。

进行切换后，评论在我的网站上再次开始工作，但现在灯箱不起作用。

当我使用 Firebug 查找错误时，出现此错误。

$("#videogallery a[rel]").overlay is not a function

该代码来自“videolightbox.js”，这是我的灯箱附带的文件。

我对这个问题做了很多研究，我想我可能需要使用 jQuery.noConflict(); ，但我不知道如何使用它？我正在查看这个链接，

但我可以'似乎无法让它工作，因为我不知道如何使用它。我还尝试用 jQuery() 替换所有 $() ，但这并没有解决我的问题。

Answer 1

但我不知道如何使用它？

var $j = jQuery.noConflict();

你的代码将从
$(selector) 到 $j(selector)

这里给出了很多例子
http://api.jquery.com/jQuery.noConflict/

Answer 2

需要仔细考虑的一件事是脚本加载顺序并注意 JQuery 的重复加载。在某些（希望很少见）情况下，您可以加载 JQuery，设置一些使用它的代码，然后重新加载 JQuery，这会丢弃第一次加载后设置的事件。

我知道我曾经遇到过这种情况，但我不记得导致它发生的细节。

Answer 3

现在

$=jQuery.noConflict();

你可以使用 $('#id').css(...);

Answer 4

该错误可能导致其余代码未执行，.overlay 不是函数意味着 .overlay 不是函数，而 $ > 工作正常。

var test; test("#videogallery a[rel]").test()
//TypeError: test is not a function <-- You would see this if $ wasn't working

var test = function(){return {};};
test("#videogallery a[rel]").test();
//TypeError: test("#videogallery a[rel]").test is not a function <-- You see this because .overlay isn't working

它只是意味着您试图在 .overlay 存在之前调用它。