ECSHOP中transport.js和jquery的冲突的简单解决办法
ECSHOP中transport.js和jquery的冲突的简单解决办法
一流资源网近日在ECSHOP网站加入了几个JS特效代码,在谷歌、火狐下正常,在各版本IE下都不常,左思不得其解。
最后才知道原来是“ECSHOP中transport.js和jquery的冲突”
因为通用头部文件中引用了
1
|
{insert_scripts files= 'transport.js,utils.js' } |
transport.js与jquery有冲突。原因不多讲。在网上找到一个最简单解决办法:
成功了,请评论欢呼!!!
如果失败了,请重头再来,肯定哪里操作不对。
一、在 page_header.lbi 库文件中加入如下代码,注意操作顺序:
1、先导入transport.js 文件
1
|
{insert_scripts files= 'transport.js,utils.js' } |
2、然后导入您网站使用的jquery文件:
1
|
<script language= "javascript" src= "您的jquery存放路径" ></script> |
3、加入代码:
1
2
3
4
5
6
|
<script type= "text/javascript" > $( function () { window.__Object_toJSONString = Object.prototype.toJSONString; delete Object.prototype.toJSONString; }); </script> |
注意引用顺序,不能乱!
实例:
比如,我只有ECSHOP首页才会有冲突。所以我直接在 index.dwt 文件中</head>区加入以下代码:
1
2
3
4
5
6
7
8
9
|
{insert_scripts files= 'transport.js,utils.js' } <script type= "text/javascript" src= "themes/68ecshop_yixunfree/js/jquery-1.4.2.min.js" ></script> {insert_scripts files= 'niuzai/jquery-1.8.3.js' } <script type= "text/javascript" > $( function () { window.__Object_toJSONString = Object.prototype.toJSONString; delete Object.prototype.toJSONString; }); </script> |
为了避免影响其它页面,我是重新复复制一个头部库文件 page_header_indtx.lbi 文件。把里面的
{insert_scripts files='transport.js,utils.js'} 删除,如以上代码,直接加在 index.dwt中