zoukankan      html  css  js  c++  java
  • Ecshop与Jquery冲突的完美解决方案

    ecshop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。

     
    但恰恰的,在封装JSON各种方法的同时对object的模型进行了重写,这个就跟jQuery冲突了。因为众所周知的,jQuery对各种JavaScript对象进行了扩展。
     
    这一切其实都很容易理解,各有各的理由十分自然,但头痛和无奈的就变得在我们这些使用者身上了。在ECShop论坛上原来也有很多朋友提出了这个问题,也提出了各种各样的方法,我尝试了一些,不好或者甚至无用,所以只好自己动手了。
     
    解决思路大概就是屏蔽ecshop扩展的toJSONString方法,用别的函数代替。
     
    为了照顾下小菜们,就写详细点吧。
     
     
    一,修改默认js文件
     
     
    1、首先复制一份 transport.js 改名为 transport.org.js 提供给后台使用
     
     
    2、屏蔽掉transport.js里的toJSON功能 行数大概有497-737行之间
    由if ( ! Object.prototype.toJSONString) { 开头的代码。
     
    修改352行为:
     
     legalParams = “JSON=” + $.toJSON(params);
     
    修改408行为:
     
    result = $.evalJSON(result);
     
    屏蔽掉global.js里的如下代码(第10-13行):
     
    Object.prototype.extend = function(object)
    {
      return Object.extend.apply(this, [this, object]);
    }
    3、修改index.js文件44行改为:
     
    var res = $.evalJSON(result);
     
     
    4、修改common.js文件
    第34行改为:
     
    Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);
     
    第850行改为:
     
    Ajax.call(‘flow.php?step=add_package_to_cart’, ‘package_info=’ + $.toJSON(package_info), addPackageToCartResponse, ‘POST’, ‘JSON’);
     
    第1056行改为:
     
    Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);
     
    5、修改compare.js文件
    第49行改为:
     
     this.data = $.evalJSON(cookieValue);
     
    第67行改为:
     
     var obj = $.evalJSON(cookieValue);
     
    第133行改为:
     
     document.setCookie(“compareItems”, $.toJSON(this.data));
     
    6、修改global.js文件
    第16行改函数名 :function $e()
    第114和126行都改为:    var element = $e(element);
     
     
    二,修改后台调用部分
     
     
     
    7、<!&mdash;&mdash;&mdash;&ndash;路径修改&mdash;&mdash;&mdash;&ndash;>
    修 改后台头部引入transport.js路径 admin/templates/pageheader.htm 第9行改为: {insert_scripts files=&rdquo;../js/transport.org.js,common.js&rdquo;}
     
    admin/templates/menu.htm
    151行改成 {insert_scripts files="../js/global.js,../js/utils.js,../js/transport.org.js"}
     
     
     
     三,修改前台模板部分
     
     
    8、修改themes/default/library/page_header.lbi文件在{insert_scripts files=&rsquo;transport.js,utils.js&rsquo;}上面加上如下代码
    {insert_scripts files=&rsquo;jquery.js,jquery.json.js&rsquo;}
     
     
    9、<!&mdash;&ndash;修改文件&mdash;&ndash;>
    library/comment_list.lbi
    第188行 :
     
     Ajax.call(&lsquo;comment.php&rsquo;, &lsquo;cmt=&rsquo; + $.toJSON(cmt), commentResponse, &lsquo;POST&rsquo;, &lsquo;JSON&rsquo;);
     
     
    10、compare.dwt
    第20行 :
     
    var obj = $.evalJSON(document.getCookie(&ldquo;compareItems&rdquo;));
     
    第24行 :
     
    document.setCookie(&ldquo;compareItems&rdquo;, $.toJSON(obj));
     
     
    11、flow.dwt
    第138行 :
     
    Ajax.call(&lsquo;flow.php?step=add_to_cart&rsquo;, &lsquo;goods=&rsquo; + $.toJSON(goods), collect_to_flow_response, &lsquo;POST&rsquo;, &lsquo;JSON&rsquo;);
     
    第199行 :
     
     Ajax.call(&lsquo;flow.php?step=add_to_cart&rsquo;, &lsquo;goods=&rsquo; + $.toJSON(goods), fittings_to_flow_response, &lsquo;POST&rsquo;, &lsquo;JSON&rsquo;);
     
     
    12、<!&mdash;&ndash;jquery文件需置顶的dwt文件&mdash;-jquery.js文件需要在compare.js文件加载前加载,否则会报错&mdash;&ndash;>
     
    brand.dwt
    brand_list.dwt
    category.dwt
    exchange_list.dwt
    search.dwt
     
    如:
    {* 包含脚本文件 *}
    {insert_scripts files=&rsquo;jquery.js,jquery.json.js&rsquo;}
    {insert_scripts files=&rsquo;common.js,global.js,compare.js&rsquo;}
     
     
    一,修改默认js文件
     
     
    1、首先复制一份 transport.js 改名为 transport.org.js 提供给后台使用
     
     
    2、屏蔽掉transport.js里的toJSON功能 行数大概有497-737行之间
    由if ( ! Object.prototype.toJSONString) { 开头的代码。
     
    修改352行为:
     
     legalParams = “JSON=” + $.toJSON(params);
     
    修改408行为:
     
    result = $.evalJSON(result);
     
    屏蔽掉global.js里的如下代码(第10-13行):
     
    Object.prototype.extend = function(object)
    {
      return Object.extend.apply(this, [this, object]);
    }
    3、修改index.js文件44行改为:
     
    var res = $.evalJSON(result);
     
     
    4、修改common.js文件
    第34行改为:
     
    Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);
     
    第850行改为:
     
    Ajax.call(‘flow.php?step=add_package_to_cart’, ‘package_info=’ + $.toJSON(package_info), addPackageToCartResponse, ‘POST’, ‘JSON’);
     
    第1056行改为:
     
    Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);
     
    5、修改compare.js文件
    第49行改为:
     
     this.data = $.evalJSON(cookieValue);
     
    第67行改为:
     
     var obj = $.evalJSON(cookieValue);
     
    第133行改为:
     
     document.setCookie(“compareItems”, $.toJSON(this.data));
     
    6、修改global.js文件
    第16行改函数名 :function $e()
    第114和126行都改为:    var element = $e(element);
     
     
    二,修改后台调用部分
     
     
     
    7、
    修改后台头部引入transport.js路径 admin/templates/pageheader.htm 第9行改为: {insert_scripts files=”../js/transport.org.js,common.js”}
     
    admin/templates/menu.htm
    151行改成 {insert_scripts files="../js/global.js,../js/utils.js,../js/transport.org.js"}
     
     
     
     三,修改前台模板部分
     
     
    8、修改themes/default/library/page_header.lbi文件在{insert_scripts files=’transport.js,utils.js’}上面加上如下代码
    {insert_scripts files=’jquery.js,jquery.json.js’}
     
     
    9、
    library/comment_list.lbi
    第188行 :
     
     Ajax.call(‘comment.php’, ‘cmt=’ + $.toJSON(cmt), commentResponse, ‘POST’, ‘JSON’);
     
     
    10、compare.dwt
    第20行 :
     
    var obj = $.evalJSON(document.getCookie(“compareItems”));
     
    第24行 :
     
    document.setCookie(“compareItems”, $.toJSON(obj));
     
     
    11、flow.dwt
    第138行 :
     
    Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), collect_to_flow_response, ‘POST’, ‘JSON’);
     
    第199行 :
     
     Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), fittings_to_flow_response, ‘POST’, ‘JSON’);
     
     
    12、
     
    brand.dwt
    brand_list.dwt
    category.dwt
    exchange_list.dwt
    search.dwt
     
    如:
    {* 包含脚本文件 *}
    {insert_scripts files=’jquery.js,jquery.json.js’}
    {insert_scripts files=’common.js,global.js,compare.js’}

    附件为ecshop已经修改好的js文件:
    ecshopjs
  • 相关阅读:
    Apache 安装 静态编译 动态编译
    Vlan 间路由的方法
    一个无限加载瀑布流jquery实现
    用ajax查询天气
    一个简单移动页面ionic打包成app
    时隔一年再读到the star
    轮播图原生js实现和jquery实现和js面向对象方式实现
    js实现一个简单计算器
    纯css3图片旋转展示
    自定义按钮~自适应布局~常见bug
  • 原文地址:https://www.cnblogs.com/wawahaha/p/4079019.html
Copyright © 2011-2022 走看看