首页 > 代码库 > ECSHOP中transport.js和jquery的冲突的简单解决办法

ECSHOP中transport.js和jquery的冲突的简单解决办法

2024-09-24 04:05:44   213人阅读

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=http://www.mamicode.com/"您的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=http://www.mamicode.com/"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中

ECSHOP中transport.js和jquery的冲突的简单解决办法


联系
我们