解决jQuery插件冲突
项目框架的JS库集成了jQuery，Layout页面（模板页面，类似ASP.NET的母版页）中引用了这些JS，后来使用图表插件（图表插件是基于jQuery的）的时候，项目框架中的JS和图表插件有冲突，图表显示不出来。解决步骤如下：
1、通过搜索替换将图表插件的 $. 和 $( 全部替换成 jQuery. 和 jQuery(
2、在使用图表插件的页面，首先引用jQuery，然后添加<script type="text/javascript"> jQuery.noConflict();</script>，最后引用图表插件JS
代码如下：
<script type="text/javascript" src="~js/bui/jquery-1.8.1.min.js"></script> <script type="text/javascript"> jQuery.noConflict();</script> <script type="text/javascript" src="~js/bui/bui-min.js"></script> <script type="text/javascript" src="~js/bui/chart-min.js"></script> <script type="text/javascript" src="~js/bui/graphic-min.js"></script>
由于项目框架的JS库集成的是jQuery，所以在图表页面中，$ 和 jQuery 都可以使用，例如：$("div")和jQuery("div")都是正确的。
如果有多个jQuery插件冲突，可以这样做：
1、通过搜索替换将图表插件的 $. 和 $( 全部替换成 myChart. 和 myChart(
2、在使用图表插件的页面，首先引用jQuery，然后添加<script type="text/javascript"> var myChart = jQuery.noConflict();</script>，最后引用图表插件JS
代码如下：
<script type="text/javascript" src="~js/bui/jquery-1.8.1.min.js"></script> <script type="text/javascript"> var myChart = jQuery.noConflict();</script> <script type="text/javascript" src="~js/bui/bui-min.js"></script> <script type="text/javascript" src="~js/bui/chart-min.js"></script> <script type="text/javascript" src="~js/bui/graphic-min.js"></script>
这样就可以在图表插件页面这样使用jQuery：myChart("div")
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
