您现在的位置是:首页 > 教程 > ecshop商城教程ecshop商城教程
ecshop商城之transport与jquery冲突之处理方法
语琴2023-12-21 21:57:33ecshop商城教程已有人查阅
导读众所周知:ecshop的transport.js文件和Jquery是冲突的,两个文件不能同时调用,现给出以下解决方案:
众所周知:ecshop的transport.js文件和Jquery是冲突的,两个文件不能同时调用,现给出以下解决方案:
原因分析:
在transport.js文件中,大概 580行到590行之间,这个句用于格式化json,他重写了object的结构,导致于js框架冲突。冲突的原因是jquery给一个object增加了很多元素,那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环,导致网页很卡,并且在IE中会报错。
解决方案:
根本的解决办法是不用transport.js中的json功能,那么就要有一个相同的功能来代替它,这里我选用jquery-json1.3.js。 首先要把transport.js中的json功能删除。由于实现json功能的函数有区别,所以要麻烦改掉原ecshop中各个地方用到的 toJSONString()函数。
解决步骤:
1. 下载附件中的js附件,并替换掉原文件。(主要去掉了transport.js的json功能并新增新的json功能)
2. page_header.lbi 中添加 {insert_scripts files='jquery.js,jquery.json-1.3.js'}
3. 在所有的JS中。
替换 *.toJSONString() 为 $.toJSON(*)
替换 *.parseJSON() 为 $.evalJSON(*)
替换(不是去掉)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与 jquery是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身来解决,在此,我就不具体做例子了, 由于最近比较忙,好多天没研究ecshop了。^_^ .还有一个解决办法,大家自行研究吧:
jQuery.noConflict() 运行这个函数将变量$的控制权让渡给 个实现它的那个库。 这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。 注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。 )
注意:可能要替换掉很多地方,请大家不要怕麻烦
解决范例:
1.在商品浏览页,用户评论这里:
Ajax.call('comment.php', 'cmt=' + cmt.toJSONString(), commentResponse, 'POST', 'JSON');
替换为
Ajax.call('comment.php', 'cmt=' + $.toJSON(cmt), commentResponse, 'POST', 'JSON');
2.index.js 里
var res = result.parseJSON();
替换为
var res = $.evalJSON(result);
images/upload/File/jquery_ecshop.zip
原因分析:
在transport.js文件中,大概 580行到590行之间,这个句用于格式化json,他重写了object的结构,导致于js框架冲突。冲突的原因是jquery给一个object增加了很多元素,那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环,导致网页很卡,并且在IE中会报错。
解决方案:
根本的解决办法是不用transport.js中的json功能,那么就要有一个相同的功能来代替它,这里我选用jquery-json1.3.js。 首先要把transport.js中的json功能删除。由于实现json功能的函数有区别,所以要麻烦改掉原ecshop中各个地方用到的 toJSONString()函数。
解决步骤:
1. 下载附件中的js附件,并替换掉原文件。(主要去掉了transport.js的json功能并新增新的json功能)
2. page_header.lbi 中添加 {insert_scripts files='jquery.js,jquery.json-1.3.js'}
3. 在所有的JS中。
替换 *.toJSONString() 为 $.toJSON(*)
替换 *.parseJSON() 为 $.evalJSON(*)
替换(不是去掉)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与 jquery是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身来解决,在此,我就不具体做例子了, 由于最近比较忙,好多天没研究ecshop了。^_^ .还有一个解决办法,大家自行研究吧:
jQuery.noConflict() 运行这个函数将变量$的控制权让渡给 个实现它的那个库。 这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。 注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。 )
注意:可能要替换掉很多地方,请大家不要怕麻烦
解决范例:
1.在商品浏览页,用户评论这里:
Ajax.call('comment.php', 'cmt=' + cmt.toJSONString(), commentResponse, 'POST', 'JSON');
替换为
Ajax.call('comment.php', 'cmt=' + $.toJSON(cmt), commentResponse, 'POST', 'JSON');
2.index.js 里
var res = result.parseJSON();
替换为
var res = $.evalJSON(result);
images/upload/File/jquery_ecshop.zip
本文标签:
很赞哦! ()
相关文章
- ecshop商城首页增加一个商品浏览排行榜的实现方法
- ecshop商城怎么增加新独立页面
- ecshop商城安全优化ecshop防注入屏蔽SQL提示实例
- ecshop商城让所有页面都显示新文章提高SEO优化的实现方法
- ecshop商城SEO优化,ecshop预防死链站内页面301跳转写法
- ecshop商城后台订单选择加入商品时提示库存不足的修改方法
- ecshop商城商品搜索结果页显示商品货号的方法
- ecshop商城任意页面添加调用显示文章代码实例
- ecshop商城调用指定分类新品商品/热门商品/推荐商品可设置商品数量
- ecshop商城首页显示积分商品调用积分商品的代码示例
- ecshop商城数据备份搬家恢复数据步骤教程
- ecshop商城杂志管理设置说明介绍
随机图文
-
ecshop商品页仿淘宝运费查询功能的实现方法
ecshop 仿淘宝运费方法:此方法没有调用数据库里那个,而是用JS实现的。1.goods.php(红 为增加的代码) -
ecshop供货商插件ecshop供应商插件商家入住管理商品
ecshop模板屋原创多个ecshop供应商版本,最近多家同行盗用图片进行贩卖--请各位购买原创版本质量售后都有保障! -
ecshop商品货品列表商品属性颜色规格suk库存自动组合
ecshop商品属性颜色规格库存货号自动组合高级版可以在添加ecshop商品属 颜 规格尺码后自动把颜色规格尺码属 组合起来,然后可视化设置不同商品属性sku库存 -
ecshop出现Warning: chmod() has been disabled for security reasons in解决方法
chmod()是一个php自带的函数,一般的php默认配置会禁用起来找到你的php配置文件,然后找到disable_functions =这里,禁用的函数用逗号隔开
留言与评论 (共有 条评论) |