ecshop和Jquery的那么点事,解决方案

注：经过我的测试，最好就是不要用原来的transport.js文件,然后用jquery重写其他所需的函数（当然这样会很大工作量，如果你是个小站那就可以将就用，如果有一系列的站，比如接单外包，长远想还是重新写会更好）。ecshop那些所谓的开发者，要不就别开发，要开发就开发个健全点的，搞得要死不活的，简直就是侮辱javascript！！！

众所周知：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);

额外补充：

global.js也会引起错误，我是直接不引用他.

运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。

在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$(“div p”)的地方，就必须换成jQuery(“div p”)。

注意:这个函数必须在你导入jQuery文件之后，并且在导入另一个导致冲突的库之前使用(注：下划丝处说的不准确，在jQuery的新版本中，未必必须如此)。当然也应当在其他冲突的库被使用之前（注：这句毫无疑问是正确的)，除非jQuery是最后一个导入的。

示例:

将$引用的对象映射回原始的对象。

jQuery 代码:

jQuery.noConflict(); // 使用 jQuery jQuery("div p").hide(); // 使用其他库的 $() $("content").style.display = 'none'; 

恢复使用别名$，然后创建并执行一个函数，在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中，原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。

jQuery 代码:

jQuery.noConflict(); (function($) {      $(function() {         // 使用 $ 作为 jQuery 别名的代码     }); })(jQuery); // 其他用 $ 作为别名的库的代码

创建一个新的别名用以在接下来的库中使用jQuery对象。

jQuery 代码:

var j = jQuery.noConflict(); // 基于 jQuery 的代码 j("div p").hide(); // 基于其他库的 $() 代码 $("content").style.display = 'none'; 

补充：jQuery.noConflict()有个deep参数,如果为true,则不仅可以防止$冲突，还可以防止jQuery这个关键词冲突。

jQuery 代码:

var j = jQuery.noConflict(true);
// 基于 jQuery 的代码
j("div p").hide();
// 基于其他库的 $() 代码
$("content").style.display = 'none';
// 基于其他库(或版本)的 jQuery() 代码
jQuery("#abc").html("这种情况很少见！");