代码改变世界

jQuery的noConflict应用

2016-08-26 11:04  夜半花开  阅读(172)  评论(0编辑  收藏  举报

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);