首页 > 代码库 > jQuery的noConflict应用

jQuery的noConflict应用

JQuery.noConflict();

让出对$变量的使用权;

例如:

<script type="text/javascript" src="http://www.mamicode.com/js/jquery/jquery-1.7.2.min.js"></script><script type="text/javascript" src="http://www.mamicode.com/js/bootstrapSelect/js/jquery-1.10.2.min.js"></script><script type="text/javascript">  jQuery.noConflict();</script>

 

场景:jqgrid最高支持到1.7,bootstrap的多页签功能最低支持1.10,页面上既要用多页签,又要用jqgrid展示列表,这样就会出现jQuery冲突问题;

1.按照加载顺序,后加载的让出对$的控制权;所以调用jqgrid的相关方法:$("#gridTable").jqGrid(‘getGridParam‘,‘selarrrow‘);

2.调用多页签的相关方法:jQuery(‘#tt‘).tabs(‘exists‘, rowData.customerName+"的工单详情")

补充:查看jQuery版本:alert(jQuery.fn.jquery);alert($.fn.jquery);

jQuery的noConflict应用