[转载]如何全面解决ECSHOP的jquery冲突_phper老腰_新浪博客

[转载]如何全面解决ECSHOP的jquery冲突_phper老腰_新浪博客.

主要就是Ecshop的AJAX传输类，transport.js中重写了object的对象原型，从而导致了与jq框架的冲突。

解决：

1. 删除transport.js中587行 – 636行中关于object.prototype.toJSONString的定义

2. 自定义一个方法用于object对象的json序列化

如下

function obj2str(o)

{

  //开始

      var r = [];

   if(typeof o =="string") return "\""+o.replace(/([\'\")/g,]\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";

   if(typeof o =="undefined") return "undefined";

   if(typeof o == "object"){   

    if(o===null) return "null";

    else if(!o.sort){

     for(var i in o)

     {  

      if(i!="toJSONString") //增加判断，清除对object原型的定义加入到json中

      r.push("\""+i+"\""+":"+obj2str(o));

     }

     r="{"+r.join()+"}";

    }else{

     for(var i =0;i<o.length;i++)

      r.push(obj2str(o))

     r="["+r.join()+"]"

    }

    return r;

   }

   return o.toString();

  //结束   

}

3. 在模板页和js脚本中所有对于obj.toJSONString()的地方，一概替换为obj2str(obj)

4. 重写好后发现compare.js, 主要重写其中的定时器功能。 将以下代码替换到compare.js中

var Compare = new Object();

Compare = {

  add : function(goodsId, goodsName, type)

  {

    var count = 0;

    for (var k in this.data)

    {

      if (typeof(this.data[k]) == "function")

      continue;

      if (this.data[k].t != type) {

        alert(goods_type_different.replace("%s", goodsName));

        return;

      }

      count++;

    }

    if (this.data[goodsId])

    {

      alert(exist.replace("%s",goodsName));

      return;

    }

    else

    {

      this.data[goodsId] = {n:goodsName,t:type};

    }

    this.save();

    this.init();

  },

  init : function(){

    this.data = new Object();

    var cookieValue = document.getCookie("compareItems");

    if (cookieValue != null) {

      this.data = cookieValue.parseJSON();

    }

    if (!this.compareBox)

    {

      this.compareBox = document.createElement_x("DIV");

      var submitBtn = document.createElement_x("INPUT");

      this.compareList = document.createElement_x("UL");

      this.compareBox.id = "compareBox";

      this.compareBox.style.display = "none";

      this.compareBox.style.top = "200px";

      this.compareBox.align = "center";

      this.compareList.id = "compareList";

      submitBtn.type = "button";

      submitBtn.value = button_compare;

   this.compareBox.appendChild(this.compareList);

      this.compareBox.appendChild(submitBtn);

      submitBtn.onclick = function() {

        var cookieValue = document.getCookie("compareItems");

        var obj = cookieValue.parseJSON();

        var url = document.location.href;

        url = url.substring(0,url.lastIndexOf('/')+1) + "compare.php";

        var i = 0;

        for(var k in obj)

        {

          if(typeof(obj[k])=="function")

          continue;

          if(i==0)

            url += "?goods[]=" + k;

          else

            url += "&goods[]=" + k;

          i++;

        }

        if(i<2)

        {

          alert(compare_no_goods);

          return ;

        }

        document.location.href = url;

      }

      document.body.appendChild(this.compareBox);

    }

    this.compareList.innerHTML = "";

    var self = this;

    for (var key in this.data)

    {

      if(typeof(this.data[key]) == "function")

        continue;

      var li = document.createElement_x("LI");

      var span = document.createElement_x("SPAN");

      span.style.overflow = "hidden";

      span.style.width = "100px";

      span.style.height = "20px";

      span.style.display = "block";

      span.innerHTML = this.data[key].n;

      li.appendChild(span);

      li.style.listStyle = "none";

      var delBtn = document.createElement_x("IMG");

      delBtn.src = "themes/default/images/drop.gif";

      delBtn.className = key;

      delBtn.onclick = function(){

        document.getElementByIdx_x("compareList").removeChild(this.parentNode);

        delete self.data[this.className];

        self.save();

        self.init();

      }

      li.insertBefore(delBtn,li.childNodes[0]);

      this.compareList.appendChild(li);

    }

    if (this.compareList.childNodes.length > 0)

    {

      this.compareBox.style.display = "";

      this.timer = window.setInterval("flowdiv('compareBox')", 50);

    }

    else

    {

      this.compareBox.style.display = "none";

      window.clearInterval(this.timer);

      this.timer = 0;

    }

  },

  save : function()

  {

    var date = new Date();

    date.setTime(date.getTime() + 99999999);

    document.setCookie("compareItems", obj2str(this.data));

  },

  lastScrollY : 0

}

//用于定时器的自动滚动的层

lastScrollY=0;

function flowdiv(domid){

　　　var diffY;

　　　　if (document.documentElement && document.documentElement.scrollTop)

　　　　　　diffY = document.documentElement.scrollTop;

　　　　else if (document.body)

　　　　　　diffY = document.body.scrollTop

　　　　else

　　　　　　{}

　　　　//alert(diffY);

　　　　percent=.1*(diffY-lastScrollY);

　　　　if(percent>0) percent=Math.ceil(percent);

　　　　else percent=Math.floor(percent);

　　　　document.getElementByIdx_x(domid).style.top=parseInt(document.getElementByIdx_x(domid).style.top)+percent+"px";

　　　　lastScrollY=lastScrollY+percent;

　　　　//alert(lastScrollY);

}