【php】jquery类库与其它js类库产生冲突的解决方案

最新推荐文章于 2020-12-19 11:20:25 发布

yanhui_wei

最新推荐文章于 2020-12-19 11:20:25 发布

阅读量2.3k

点赞数

分类专栏：【jquery深入研究】

【jquery深入研究】专栏收录该内容

52 篇文章 0 订阅

订阅专栏

今天在web开发的时候，由于美工引入了几个第三方js库，导致和jquery插件不兼容，

原因是第三方也使用了$或Jquery作为变量名，遇到这个问题一般的解决方案就是修改第三方的js程序，这样解决的话却是很是麻烦，好在jq有多库共存机制

多库共存机制

jQuery多库共存机制指jQuery库完全兼容第三方库，例如jQuery中使用$做为函数入口,在该页面同时引入另一个库,其中也使用了$做为函数名。因此jQuery与该库发生冲突。

jQuery提供了noConflict函数解决冲突

示例代码演示：

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<HTML>
 
 <HEAD>
 
  <TITLE> New Document </TITLE>
 
    <script src = "http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"  language = "javascript"></script>
 
 <script>
 
  //兼容代码
 
  var  $1 = $.noConflict();
 
  $1(document).ready(function(){
 
   alert($1("#txt1").val())
 
   alert($("txt1").value) ;
 
  })
 
 </script>
 
    <SCRIPT LANGUAGE="JavaScript">
 
  <!--
 
 //第三方库
 
  function  $(str)
 
  {
 
  return  document.getElementById(str) ;
 
  }  
 
 
 
  function  jQuery(str)
 
  {
 
  return  document.getElementById(str) ;
 
  }
 
  //-->
 
  </SCRIPT>
 
 </HEAD> 
 
 
 
 <BODY>
 
 <input type = "text"  id = "txt1"  value = "aa"  />
 
 </BODY>
 
</HTML>