关于ecshop中jquery与js冲突解决的方案
生活随笔
收集整理的這篇文章主要介紹了
关于ecshop中jquery与js冲突解决的方案
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
ECShop把AJAX事件和JSON解析的模塊放在common/transport.js之中,可以說它也有自己封裝的一套工具,這其實是很正常的。 但恰恰的,在封裝JSON各種方法的同時對object的模型進行了重寫,這個就跟jQuery沖突了。因為眾所周知的,jQuery對各種JavaScript對象進行了擴展。 這一切其實都很容易理解,各有各的理由十分自然,但頭痛和無奈的就變得在我們這些使用者身上了。在ECShop論壇上原來也有很多朋友提出了這個問題,也提出了各種各樣的方法,我嘗試了一些,不好或者甚至無用,所以只好自己動手了。 解決思路大概就是屏蔽ECshop擴展的toJSONString方法,用別的函數代替。 為了照顧下小菜們,就寫詳細點吧。 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’}
轉載于:https://www.cnblogs.com/hubing/p/3386475.html
總結
以上是生活随笔為你收集整理的关于ecshop中jquery与js冲突解决的方案的全部內容,希望文章能夠幫你解決所遇到的問題。