zoukankan      html  css  js  c++  java
  • 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仍然也用其它框架定义的$不影响。


     

  • 相关阅读:
    [Leetcode]设计链表
    [Leetcode]最小栈
    复杂JSON反序列化为类对象
    Big Data Solution in Azure: Azure Data Lake
    EF vs ADO.NET
    EF5.0默认不支持DB First了?
    WebService/WCF/WebAPI区别
    AugularJS1.X不升级到2.X
    数据库中锁的问题
    MVC中路由匹配的规则
  • 原文地址:https://www.cnblogs.com/martin1009/p/2407976.html
Copyright © 2011-2022 走看看