Question

在我下面列出的代码中，jQuery是版本1.9.1而jQuery1是版本1.2.6，我如何能够将它们集成在一起以便它们彼此兼容？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Auto Complete Input box</title>
        <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
        <script type="text/javascript" src="js/jquery1.js"></script>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.autocomplete.js"></script>
        <script>
            $(document).ready(function() {
                $("#tag").autocomplete("autoCompleteMain.php", {
                    selectFirst: true
                });
            });
        </script>
    </head>
    <body>
        <form>
            <label>Tag:</label>
            <input name="tag" type="text" id="tag" size="20" />
        </form>
    </body>
</html>

Answer 1

你不能多次调用jQuery，这会导致错误。但是，您可以在加载时将jQuery分配给它自己的变量。

<script src="first/js/file.js"></script>
var $j = jQuery.noConflict();

加载第二个文件..

从现在开始，您将使用$j而不是通常的$

使用第一个jQuery版本......

$j('#someID').hide();

使用第二个jQuery版本：

$('#someID').show();

集成两个不同的jQuery

1 个答案: