magento -- 在magento模板开发中如何共用jQuery与Prototype库
来源:互联网 发布:java semaphore 使用 编辑:程序博客网 时间:2024/06/07 02:36
magento -- 在magento模板开发中如何共用jQuery与Prototype库
作为一个开放开源的电子商务平台,magento的成功自不必说,然而magento的开发人员可能从一开始就使用Prototype库,导致至今也还末完成jQuery对Prototype的替换,因为实在是有太多的代码是使用Prototype写的,尽管jQuery对Prototype的替换是事在必行。
为了能夠在magento中使用jQuery丰富的web ui插件,程序员不得不面对这样的问题。
如何才能在magento中共用jQuery和Prototype呢,方法有很多种,而事实上作为我认为最成功的js库(连ms都不得不低头支持开源而在VS STUDIO中采用),jQuery早就考虑到这点而提供了接口来帮助程序员处理共用两个库或能引起的冲突。
如果是先加载其它的js库,之后加载jQuery库,可以使用下列方法来处理。
方法一:jQuery库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery名字空间内的。默认使用$符号作为jQuery的缩写。jQuery.noConflict();则是在任何时候,只要是在jQuery库加载后就可以调用,将$符号的使用权返回给其它的js库,如果你想知道是什么实现的,其实很简单,jQuery在创建它自己的名字空间时就将其它库的$保存在自己的一个变量当中,你可以自己去看一下jQuery的源代码。
方法二:如果你仍然想使用类似于$这样比较简短的字符,你可以将jQuery.noConflict();的返回值赋值给某个变量。这个变量就是jQuery的新缩写了,当然你可以使用$以外的任意字符串,比如:
方法三,如果你还是想使用$,而不想使用别的字符,也是可以的。而且通常程序员都比较喜欢这样做,因为这样做写好的代码几乎都不用替换原来的$符号。那就是利用名字空间的概念就所有的jQuery代码封装在document的ready事件名字空间范围内,如:
如果是先加载jQuery库,再加载其它的js库
按照这样的顺序加载,就不存在其它js库的$符号被jQuery占用的问题。所以对其它的js库的代码可以不作任何修改,照常使用$,而对jQuery可以使用jQuery来替代$.如:
或者你不想写jQuery这么长的字符,你可以通过
来实现简短一点的$j,这可能是最好的办法了。
不过,当你只想使用jQuery来写代码时,你可以通过名字空间仍然使用$,即采用和jQuery源代码一样的方法:
这样我们就可以轻松的在magento中同时使用多个js库,尤其是jQuery这个插件丰富的而且社区活跃的js库。
- magento -- 在magento模板开发中如何共用jQuery与Prototype库
- [转]magento -- 在magento模板开发中如何共用jQuery与Prototype库 .
- Magento中使用jQuery与Prototype库冲突的解决办法
- magento中jquery prototype 兼容
- magento中jquery prototype 兼容
- 在Magento中使用jquery.
- magento模板 -- 如何安装magento模板
- magento -- 在magento中如何调用static block?
- magento -- 如何在magento中实现产品的批量上传
- magento -- 在magento中如何回复客户的评论
- magento -- 在magento中如何回复客户的评论
- magento -- 如何在magento中进行产品的批量上传
- magento模板中XML与phtml关系
- magento - magento 1.6 模板开发工作日志
- magento中如何使用Prototype对form进行验证
- magento - 通过如何在magento的模板中获取到产品或产品分类的instance呢谈magento的helper类机制
- magento引入jquery库和prototype库冲突的解决办法
- 在magento中如何调用static block
- VC中ADO连接SQLSERVER的几种标准方式
- 多行代码#define 的技巧
- Linux 文件系统基础——块、i节点
- 总结2 (强晟BC400 PPT)
- kfc“快餐”
- magento -- 在magento模板开发中如何共用jQuery与Prototype库
- Hibernate
- 两个数组的比较
- struts
- Flex华丽技术网址集锦......持续更新中
- web
- spring
- md5加密原理 MD5简介
- Real-Time Tracking and Tuning for Busy Tomcat Servers