jquery 与其它js 框架的解决办法

用noConflict

许多 JavaScript 库使用 $ 作为函数或变量名,jQuery 也一样。在 jQuery 中,$ 仅仅是 jQuery 的别名,因此即使不使用 $ 也能保证所有功能性。假如我们需要使用 jQuery 之外的另一 JavaScript 库,我们可以通过调用 $.noConflict() 向该库返回控制权:

 

<script type="text/javascript">
var jq=$.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").hide();
  });
});
</script>

 

jQuery(document).ready( function($) { 
 $("a.UpInfo").click( function() { 
 if( $("div.examRecord").is(':visible')) { 
      this.className="DownInfo"; 
       var obj = document.getElementById("MainInfoBtn"); 
      if(obj) obj.innerText ="展开"; 
      $("div.examRecord").slideUp("slow"); 
   } 
   else { 
      this.className="UpInfo"; 
      var obj = document.getElementById("MainInfoBtn"); 
       if(obj) obj.innerText ="折叠"; 
      $("div.examRecord").slideDown("slow"); 
     }
 }); 
}
... // 其他库使用 $ 做别名的代码

这样做,只有当前jQuery(document).ready( function($)里的Jquery代码生效,其它JS仍然也用其它框架定义的$不影响。


 

你可能感兴趣的:(jquery)