关于 Js 各种库 比如 jquery.min.js 与 prototype.js 以及 自身版本冲突解决方法

情况一 引入时处理

<?php
/**
 * WeiCot Framework
 * User: ajiang
 * WebSite: WWW.WEICOT<COM
 * Date: 2016/6/3 0003
 * Time: 15:10
 * 二手车片评估模块
 * Used Car  Assess
 */
//echo  $block->getActionUrl("Car/carinfo/result") 获得请求地址
?>




<!--方法--->
    <script type="text/javascript" src="http://7buycar.com/js/lib/jquery/jquery-1.10.2.min.js"></script>
    <script>
        var $j=$;
    </script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script>
        var $j2=$;
    </script>
    <script type="text/javascript" src="http://7buycar.com/js/prototype/prototype.js"></script>


    <!---
    --只引入 以上js库的情况
    --未引入 jquery-1.8.0.min.js"
    --控制台输出
    prototype function $(element) {
      if (arguments.length > 1) {
        for (var i = 0, elements = [], length = arguments.length; i < length; i++)
          elements.push($(arguments[i]));
        return elements;
      }
      if (Object.isString(element))
        element = document.getElementById(element);
      return Element.extend(element);
    }
    put:21 jquery function (e,t){return new x.fn.init(e,t,r)}

    put:23 jquery2 function (e,n){return new x.fn.init(e,n,t)}


    -->

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<!--
--在prototype.js 之前引入
--prototype.js  $  权被覆盖
---prototype.js:5734 Uncaught TypeError: element.dispatchEvent is not a function
--prototype.js 无法使用
--控制台输出
prototype.js:5734 Uncaught TypeError: element.dispatchEvent is not a functionfire @ prototype.js:5734_methodized @ prototype.js:438fireContentLoadedEvent @ prototype.js:5820
put:19 prototype function (a,b){return new p.fn.init(a,b,c)}
put:21 jquery function (e,t){return new x.fn.init(e,t,r)}
put:23 jquery2 function (e,n){return new x.fn.init(e,n,t)}

-->



    <script>
      function   fx(){
          alert('prototype'+$);  
          console.warn('prototype '+$);
          alert('jquery'+$j);
          console.warn('jquery '+$j);
          alert('jquery2 '+$j2);
          console.warn('jquery2 '+$j2);

        }

    </script>


    <button name="test"  value="onclick"   onclick="fx()" >Test</button>

情况 二 引用后处理

<?php
/**
 * WeiCot Framework
 * User: ajiang
 * WebSite: WWW.WEICOT<COM
 * Date: 2016/6/3 0003
 * Time: 15:10
 * 二手车片评估模块
 * Used Car  Assess
 */
//echo  $block->getActionUrl("Car/carinfo/result") 获得请求地址
?>


<!--方法--->
    <script type="text/javascript" src="http://7buycar.com/js/lib/jquery/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://7buycar.com/js/prototype/prototype.js"></script>

<!--
控制台输出、
--jquery-1.10.2.min.js
--prototype.js
--都可以正常调用

prototype function $(element) {
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (Object.isString(element))
    element = document.getElementById(element);
  return Element.extend(element);
}

put:19 jquery function (e,t){return new x.fn.init(e,t,r)}
-->


    <script>
      function   fx(){
          var j = jQuery.noConflict();
          alert('prototype'+$);
          console.warn('prototype '+$);
          alert('jquery'+j);
          console.warn('jquery '+j);

        }

    </script>


    <button name="test"  value="onclick"   onclick="fx()" >Test</button>

<meta charset="UTF-8">

<script>
      function   fx(divId,divName,zDivCount){
         for(i=0;i<=zDivCount;i++) 
		 { 
		 console.warn("NONE "+divName+i)
		 //将所有的层都隐藏 
		 } 
		console.warn("BLOCK "+divName+divId)

        }

    </script>

    <button name="test"  value="onclick"   onclick="fx('0','DIVN_',8)" >Test</button>

转载请注明：(●--●) Hello.My Weicot » 关于 Js 各种库 比如 jquery.min.js 与 prototype.js 以及 自身版本冲突解决方法