ecshop的 transport.js 文件和 Jquery 冲突解决方案
2011-12-16 14:12
429 查看
参考帖子: http://bbs.ecshop.com/thread-76312-1-1.html
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-json.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);
下面是 jquery-json.js 的代码
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-json.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);
下面是 jquery-json.js 的代码
/** * jQuery JSON Plugin * version: 2.3 (2011-09-17) * * This document is licensed as free software under the terms of the * MIT License: http://www.opensource.org/licenses/mit-license.php * * Brantley Harris wrote this plugin. It is based somewhat on the JSON.org * website's http://www.json.org/json2.js, which proclaims: * "NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.", a sentiment that * I uphold. * * It is also influenced heavily by MochiKit's serializeJSON, which is * copyrighted 2005 by Bob Ippolito. */ (function( $ ) { var escapeable = /["\\\x00-\x1f\x7f-\x9f]/g, meta = { '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\' }; /** * jQuery.toJSON * Converts the given argument into a JSON respresentation. * * @param o {Mixed} The json-serializble *thing* to be converted * * If an object has a toJSON prototype, that will be used to get the representation. * Non-integer/string keys are skipped in the object, as are keys that point to a * function. * */ $.toJSON = typeof JSON === 'object' && JSON.stringify ? JSON.stringify : function( o ) { if ( o === null ) { return 'null'; } var type = typeof o; if ( type === 'undefined' ) { return undefined; } if ( type === 'number' || type === 'boolean' ) { return '' + o; } if ( type === 'string') { return $.quoteString( o ); } if ( type === 'object' ) { if ( typeof o.toJSON === 'function' ) { return $.toJSON( o.toJSON() ); } if ( o.constructor === Date ) { var month = o.getUTCMonth() + 1, day = o.getUTCDate(), year = o.getUTCFullYear(), hours = o.getUTCHours(), minutes = o.getUTCMinutes(), seconds = o.getUTCSeconds(), milli = o.getUTCMilliseconds(); if ( month < 10 ) { month = '0' + month; } if ( day < 10 ) { day = '0' + day; } if ( hours < 10 ) { hours = '0' + hours; } if ( minutes < 10 ) { minutes = '0' + minutes; } if ( seconds < 10 ) { seconds = '0' + seconds; } if ( milli < 100 ) { milli = '0' + milli; } if ( milli < 10 ) { milli = '0' + milli; } return '"' + year + '-' + month + '-' + day + 'T' + hours + ':' + minutes + ':' + seconds + '.' + milli + 'Z"'; } if ( o.constructor === Array ) { var ret = []; for ( var i = 0; i < o.length; i++ ) { ret.push( $.toJSON( o[i] ) || 'null' ); } return '[' + ret.join(',') + ']'; } var name, val, pairs = []; for ( var k in o ) { type = typeof k; if ( type === 'number' ) { name = '"' + k + '"'; } else if (type === 'string') { name = $.quoteString(k); } else { // Keys must be numerical or string. Skip others continue; } type = typeof o[k]; if ( type === 'function' || type === 'undefined' ) { // Invalid values like these return undefined // from toJSON, however those object members // shouldn't be included in the JSON string at all. continue; } val = $.toJSON( o[k] ); pairs.push( name + ':' + val ); } return '{' + pairs.join( ',' ) + '}'; } }; /** * jQuery.evalJSON * Evaluates a given piece of json source. * * @param src {String} */ $.evalJSON = typeof JSON === 'object' && JSON.parse ? JSON.parse : function( src ) { return eval('(' + src + ')'); }; /** * jQuery.secureEvalJSON * Evals JSON in a way that is *more* secure. * * @param src {String} */ $.secureEvalJSON = typeof JSON === 'object' && JSON.parse ? JSON.parse : function( src ) { var filtered = src .replace( /\\["\\\/bfnrtu]/g, '@' ) .replace( /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']') .replace( /(?:^|:|,)(?:\s*\[)+/g, ''); if ( /^[\],:{}\s]*$/.test( filtered ) ) { return eval( '(' + src + ')' ); } else { throw new SyntaxError( 'Error parsing JSON, source is not valid.' ); } }; /** * jQuery.quoteString * Returns a string-repr of a string, escaping quotes intelligently. * Mostly a support function for toJSON. * Examples: * >>> jQuery.quoteString('apple') * "apple" * * >>> jQuery.quoteString('"Where are we going?", she asked.') * "\"Where are we going?\", she asked." */ $.quoteString = function( string ) { if ( string.match( escapeable ) ) { return '"' + string.replace( escapeable, function( a ) { var c = meta[a]; if ( typeof c === 'string' ) { return c; } c = a.charCodeAt(); return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16); }) + '"'; } return '"' + string + '"'; }; })( jQuery );
相关文章推荐
- ecshop jquery与transport.js冲突解决方案
- ecshop的transport.js文件和Jquery冲突
- ecshop的transport.js文件和Jquery冲突问题
- 解决ECShop transport.js与jQuery冲突
- 如何解决ecshop中jquery冲突?使用jquery.json.js代替transport.org.js中部份代码,完美解决问题。
- ecshop之transport和jquery冲突之完美解决方案
- ecshop transport.js 和 jquery 冲突解决办法
- 解决ECSHOP中transport.js和jquery的冲突
- ecshop之transport和jquery冲突之完美解决方案
- 解决ECShop transport.js与jQuery冲突
- 解决ECSHOP中transport.js和jquery的冲突
- 解决ECshop transport.js和Jquery的冲突
- ecshop之transport和jquery冲突之完美解决方案
- 解决ECSHOP中transport.js和jquery的冲突
- ecshop之transport和jquery冲突之完美解决方案
- ecshop之transport和jquery冲突之完美解决方案
- 解决ECSHOP系统中transport.js和jquery的冲突
- ecshop transport.js 和 jquery 冲突解决办法
- 解决ECShop transport.js与jQuery冲突
- ecshop之transport和jquery冲突之完美解决方案2012最新