jQuery的noConflict应用

Posted 2020-08-04

JQuery.noConflict()；

让出对$变量的使用权；

例如：

<script type="text/javascript" src="/js/jquery/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="/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);