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


     

  • 相关阅读:
    php 发送手机验证码
    PHP 发送邮件
    php 图形验证码
    css 把图片变成灰色
    本地配置虚拟主机
    VMware 14 激活密钥
    linux每日命令(12): nl 命令
    linux每日命令(11): cat命令
    linux每日命令(10): touch命令
    linux每日命令(9): cp命令
  • 原文地址:https://www.cnblogs.com/martin1009/p/2407976.html
Copyright © 2011-2022 走看看