• 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仍然也用其它框架定义的$不影响。


     

  • 相关阅读:
    pymysql模块及mysql备份
    html基本标签使用
    索引
    多表查询
    Http协议以及请求响应
    web服务器tomcat以及servlet
    XML笔记
    Javascript(2)——BOM
    静态资源三剑客——JavaScript(1)
    静态资源三剑客——CSS
  • 原文地址:https://www.cnblogs.com/martin1009/p/2407976.html
Copyright © 2020-2023  润新知