Joomla中jQuery和Mootools解决冲突
Joomla中是使用Mootools的,而现在大量的JS则是基于jQuery的,结果就导致了,在Joomla的二次开发中,经常需要处理两者争抢$的问题。
对于jQuery来说我们可以使用
var jq=jQuery.noConflict();
这段代码将jQuery中的$全部转换为jq,但是这种方法使原有代码中需要修改的地方太多。
并且很多JS使用该方法后会出现一些问题,导致无法正常运行。
这个问题实质上是JS的命名空间问题,在所有基于jQuery的js中,我们在代码开头加上
(function($){
在代码结尾加上
})(jQuery);
这样之后你不需要修改任何原有的代码,能够保证该JS能够正常运行。
同时Mootools不会受到干扰,因为现在原有的代码已经被限定在这个匿名函数中了。
(function($){})(jQuery);
这个写法主要的作用是保证jQuery不与其他类库或变量有冲突。
首先是要保证jQuery这个变量名与外部没有冲突(jQuery内部$与jQuery是同一个东西,有两个名字的原因就是怕$与其他变量名有冲突,jQuery与其他变量冲突的几率非常小)并传入匿名对象,匿名对象给参数起名叫做$(其实和jQuery内部是一样的)。
最后你就可以自由的在(function($){})(jQuery);里写你的JS而不需要考虑与外界变量是否存在冲突。
相关推荐
RanQi0 2014-08-14
恋雨烟梦 2013-12-02
zyb00yaonuli 2011-11-19
愚盦 2011-09-02
Anything 2011-08-11
花花的技术 2011-04-06
雷雨天的雷胖子 2011-04-06
每天积累一点点 2011-04-06
maple00 2011-04-06
suixinCaesar 2011-10-31
zhaoxinglei00 2010-09-14
卧斋 2010-09-30
Seulementzh00 2010-02-07
smilelg 2009-09-15
gunnery 2009-09-15
redhightree 2009-09-15
davidten 2009-09-14