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


     

  • 相关阅读:
    Python 中的 __str__ 与 __repr__ 到底有什么差别
    02 LeetCode---链表相加
    01 LeetCode---两数之和
    python 数据结构一 之 线性表
    来自C++的"Const式"傲娇
    string 与 char 字符串区别-1
    超级有爱的并查集入门
    多项式求解
    竞码编程-蓝桥杯模拟赛4-D题
    树的直径-蓝桥杯大臣的旅费
  • 原文地址:https://www.cnblogs.com/martin1009/p/2407976.html
Copyright © 2011-2022 走看看