首页 > 代码库 > jQuery与其他JS库冲突解决

jQuery与其他JS库冲突解决

实际开发中遇到JQuery与其他js库起冲突 究其原因,是它们的全局对象定义冲突了,特别是变量”$”,

可重载$函数。使用jQuery.noConflict()就可以通过重载$函数

 

例:项目中应用的

   <script type="text/javascript" src="http://www.mamicode.com/js/mootools.js"></script>

<script type="text/javascript">
         jQuery.noConflict(); //重载 默认JQuery  或者简洁一点用 var $j = jQuery.noConflict();   那就是使用$j
         
        jQuery(document).ready(function() {
          jQuery("#slider").flashSlider();
        
        });
    </script> 

<!--把以下的js中把$替换成JQuery即可   就是现在的JQuery库用JQuery替换使用-->

  <script src="http://www.mamicode.com/js/jquery.flashSlider-1.0.min.js" type="text/javascript"></script>

jQuery与其他JS库冲突解决