jQuery与其他JS库冲突解决

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

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

 

例:项目中应用的

   <script type="text/javascript" src="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="js/jquery.flashSlider-1.0.min.js" type="text/javascript"></script>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。