欢迎光临一流素材网,免积分免费素材下载!
当前位置:首页 > 教程 > CMS教程>Ecshop

解决ECSHOP与transport和jquery冲突的方法,简单有效

所属栏目:Ecshop更新时间:2014-10-24 来源:网络 原作者:不详 发布:deepdfhy浏览:0

ECSHOP系统与jquery冲突的问题由来已久,但官方一直没有给出解决办法。网上的解决方法大多太繁琐,且在一些小地方会出错,如产品比较功能等,

本文中的方法结合了网上最新公开文章与本站实际开发过程中的经验,基本上可完美解决ECSHOP与JQUERY的冲突,

经测试,兼容ECSHOP原有所有的功能,包括产品比较功能,而且修改步骤简单明了:

本站在2.7.3版下测试成功

第一步:

打开文件:/js/transport.js

在底部加入以下代码:

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

第二步:

打开 文件:/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);
}
},

第三步:

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

brand.dwt

brand_list.dwt

category.dwt

exchange_list.dwt

search.dwt

第四步:

下载最新版的jquery库文件到根目录下的JS目录中,如:

/js/jquery.1.5.2.js

第五步:

打开文件  /themes/temlatename/library/page_header.lbi

在顶部加入以下代码:

<script src="/js/jquery.1.5.2.min.js" type="text/javascript"></script>
<script type="text/javascript">var $$=jQuery.noConflict();</script>

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

第六步:

修改完毕!放心使用你的JQUERY特效吧


一流资源网温馨提示:

在测试中,发现,冲突问题是没有了。但是jquery特效代码也失效了,

后来将 第五步中的第一行代码删除。

也就是这个代码不添加:

<script type="text/javascript">var $$=jQuery.noConflict();</script>

就成功。。。


如果你按本教程也造成Jquery特效代码失效,不防试试。如果正常更好。

标签:
收藏 0 有帮助 0 没帮助 0 打赏 0
相关教程
给个评价吧