网站地图    收藏   

主页 > 后端 > ecshop教程 >

Ecshop与jQuery冲突最简单的解决办法 - ecshop

来源:自学PHP网    时间:2014-11-28 23:31 作者: 阅读:

[导读] ECSHOP与JQUERY冲突的问题由来已久,网上很多解决方法比较繁琐,而且在某些地方还会出错,如产品比较功能等,本文中的方法结合了网上最新公开文章与本人实际开发的经验,基本上可完美解决...

Ecshop与jQuery冲突最简单的解决办法

ECSHOP与JQUERY冲突的问题由来已久,网上很多解决方法比较繁琐,而且在某些地方还会出错,如产品比较功能等,本文中的方法结合了网上最新公开文章与本人实际开发的经验,基本上可完美解决ECSHOP与JQUERY的冲突,经测试,兼容ECSHOP原有所有的功能,包括产品比较功能,而且修改步骤简单明了:

1、修改文件:/js/transport.js,在文件最底部增加代码:

  1. if (Object.prototype.toJSONString){var oldToJSONString = Object.toJSONString;Object.prototype.toJSONString = function(){ if (arguments.length > 0){return false;} else {return oldToJSONString.apply(this, arguments); } } } 

2、修改文件:/js/compare.js,查找代码:

this.timer = window.setInterval(this.relocation.bind(this), 50);

修改为:

this.timer = window.setInterval(this.bind(this.relocation,this), 50);

查找代码:

lastScrollY:0

在代码上面一行增加代码:

bind : function(obj1,obj2) {return function() {obj1.apply(obj2, arguments);} },

3、在以下模板文件中,找到嵌入global.js文件的代码,删除嵌入global.js

brand.dwt

brand_list.dwt

category.dwt

exchange_list.dwt

search.dwt

4、下载最新版的jquery库文件到模板目录中,如:

/js/jquery.1.5.2.js

如果你的模板中没有对应目录,则新建目录拷入jquery文件即可.

5、修改文件:/themes/temlatename/library/page_header.lbi,在顶部加入代码:

jQuery.noConflict();

注意,以后调用JQUERY对象用jQuery,不要用$,因为一个$与ECSHOP原有的函数同名有兼容问题.

6、修改完毕,放心使用你的JQUERY特效吧.

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论