解决JQuery和其他库共存

①jQuery在其他库加载之后

这种情况下，将使用JQuery.noConflict()函数来将$变量的控制权移交给其他JavaScript库，例如：

 
 
代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="./prototypes.js"></script>
<!--jQuery库在其他库加载之后-->
<script type="text/javascript" src="./JQuery.js"></script>
<!--通过noConflict函数-->
<script type="text/javascript">
JQuery.noConflict();
JQuery(function(){
  JQuery("p").click(function(){
      alert(JQuery(this).text());
  });

});
</script>
</head>
<body>
<p>Hello World!</p>
</body>
</html>






 

②JQuery在其他库导入之前

 

代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!--jQuery库在其他库加载之前-->
<script type="text/javascript" src="./JQuery.js"></script>
<script type="text/javascript" src="./prototypes.js"></script>
<!--通过noConflict函数-->
<script type="text/javascript">
JQuery(function(){ //直接使用jQuery对象，无需noConflict函数
  JQuery("p").click(function(){
      alert(JQuery(this).text());
  });

});
</script>
</head>
<body>
<p>Hello World!</p>
</body>
</html>

 

posted @ 2010-05-15 11:49  子渝  阅读(171)  评论(0)    收藏  举报