Jquery.js库中的Jquery change$和Jquery

Jquery change $ and Jquery in jquery.js library

本文关键字：Jquery change js      更新时间：2024-02-03

如何重命名$和jQuery？

我已经创建了小部件，并在第三方网站上使用。

由于我与jQuery与第三方网站发生冲突。而且我不知道第三方使用的是哪个版本的jquery，所以我现在陷入了困境。

所以现在，如果可以重命名，那么让我知道如何在jquery.js库中进行重命名。

否则，我必须用原生java脚本重写整个脚本（大约3000多行）。这是不可能的，因为我的脚本使用了第三方js，如fullcalendar、colorbox、validationengine等，它们完全依赖于jquery。

<html>
<head>
</head>
<body>
3rd party website
    <script src="jquery-1.5.js"></script>

    // My widget code : Start
    <script src="http://my-domain.com/my-widget.js"></script>
    <div id="my-result"></div>
    // My widget code : End
</body>
</html>

编辑1

<html>
    <head>
        <title>title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <script src="http://code.jquery.com/jquery.js"></script>
        <script type="text/javascript" src="script.js"></script>
        <div id="my-result"></div>
         <script src="js/jsapi" type="text/javascript"></script>
        <script type="text/javascript">           
            google.load('jquery', '1.5');
        </script>
        <!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.js" type="text/javascript"></script>-->
    </body>

</html>

不建议更改jquery文件本身中的代码，只需使用无冲突：

<script src="jquery.js"></script>
<script>
    var $j = jQuery.noConflict( true );
    // $j will point to your jquery version
    $j('#somediv').show();
</script>

在看到最后一次编辑后，您可以用闭包包围您的my-widget.js代码，这样您的代码就会知道$是您的jquery:版本

(function( $ ) {
    // all my-widget.js code 
})($j);
相关文章：