如何全面解決ECSHOP的jquery衝突

主要就是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);

}