zoukankan      html  css  js  c++  java
  • 解决JQuery和其他库共存

    ①jQuery在其他库加载之后

    这种情况下,将使用JQuery.noConflict()函数来将$变量的控制权移交给其他JavaScript库,例如:

    代码
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <script type="text/javascript" src="./prototypes.js"></script>
    <!--jQuery库在其他库加载之后-->
    <script type="text/javascript" src="./JQuery.js"></script>
    <!--通过noConflict函数-->
    <script type="text/javascript">
    JQuery.noConflict();
    JQuery(
    function(){
    JQuery(
    "p").click(function(){
    alert(JQuery(
    this).text());
    });

    });
    </script>
    </head>
    <body>
    <p>Hello World!</p>
    </body>
    </html>

    ②JQuery在其他库导入之前

    代码
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <!--jQuery库在其他库加载之前-->
    <script type="text/javascript" src="./JQuery.js"></script>
    <script type="text/javascript" src="./prototypes.js"></script>
    <!--通过noConflict函数-->
    <script type="text/javascript">
    JQuery(
    function(){ //直接使用jQuery对象,无需noConflict函数
    JQuery("p").click(function(){
    alert(JQuery(
    this).text());
    });

    });
    </script>
    </head>
    <body>
    <p>Hello World!</p>
    </body>
    </html>
  • 相关阅读:
    进程和线程
    关于offer对比
    CVTE面经
    重定向
    奇虎360面试经验
    百纳信息(海豚浏览器)面经
    携程网面经
    百度面经
    位运算
    Cracking the Coding Interview 4.8
  • 原文地址:https://www.cnblogs.com/ziyu/p/1736023.html
Copyright © 2011-2022 走看看