javascript - ClearBox 3 jQuery.noConflict(); 和/或 javascript 冲突？

Question

我一直在尝试从ClearBox3制作这个脚本以停止与MooTools冲突。但我似乎无法在谷歌上找到如何做到这一点的解决方案。

预期（已删除 mootools 库）- 显示模态窗口 _{（来源：iforce.co.nz）}

实际（Joomla 2.5 环境）- 将我重定向到图像并且不显示模式窗口。 _{（来源：iforce.co.nz）}

到目前为止，我已经运行了代码，并将函数调用与withjQuery.noConflict();交换了，但我遇到了 error 。$jQuery.missing ( before formal parameters line 1

_{（来源：iforce.co.nz）}

这是这里脚本的修改。

更新：不确定它的 jquery 是否冲突..由于实现了这个小提琴（感谢Joseph Silber）并且正在发生新的错误..

 Timestamp: 26/06/2012 3:22:34 p.m.
 Error: Event[cb[73]] is undefined
 Source File: http://localhost/components/com_autobase/js/clearbox/core/cb_core.js
 Line: 4

所以问题是......我怎样才能停止冲突？ClearBox3 和 MooTools 之间？

Answer 1

你不应该替换$为jQuery.，只是jQuery。

你也可以试试

JQ = jQuery.noConflict(); 

然后将所有替换为$，JQ这将是您的本地标志。

Answer 2

无需替换所有$符号。只需创建一个闭包：

(function($) {
    // put all the code in here,
    // the $ will refer to the local variable containing jQuery
})( jQuery.noConflict() );

这是小提琴：http: //jsfiddle.net/v3qWN/

Answer 3

我发现问题在于mootools覆盖clearboxjoomla 2.5 上使用的一些变量。

通过使用$document->addCustomTag('<script src="js/clearbox.js" type="text/javascript"></script>');. 这在下面mootools而不是在上面声明。