$(...).autocomplete 不是函数 - Javascript

在使用jQuery的自动完成插件时，有时会遇到"$(...).autocomplete不是函数"的错误。这通常是由于jQuery UI自动完成插件未正确加载所导致的。

要解决这个问题，首先请确保在页面中正确加载了jQuery和jQuery UI库。如果您已将这些库正确加载，但仍然看到此错误消息，则可以尝试以下几种方法：

1.检查文件路径

请确保在HTML文件中正确引用了jQuery和jQuery UI库文件，并且路径指向正确。如果路径不正确，浏览器将无法加载库文件，并且无法识别$.autocomplete函数。

例如，如果您的库文件在项目根目录的"js"文件夹中，请使用以下代码引用它们：

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>

2.检查jQuery UI版本

jQuery UI自动完成插件只适用于特定版本的jQuery UI库。请确保您正在使用已知的可用于自动完成插件的版本。

例如，如果您使用的是jQuery UI 1.10或更高版本，则可以使用以下代码来启用自动完成插件：

$(document).ready(function() {
    $("#myInput").autocomplete({
        source: ['apple', 'banana', 'pear']
    });
});

3.检查脚本加载顺序

在HTML文件中，确保jQuery和jQuery UI库在自动完成插件脚本之前加载。否则，浏览器将无法识别$.autocomplete函数。

例如，以下代码将导致"$(...).autocomplete不是函数"错误：

<script src="js/custom.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.min.js"></script>

要解决这个问题，请将jQuery库和jQuery UI库文件的顺序更改为正确的顺序：

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/custom.js"></script>

总之，要解决"$(...).autocomplete不是函数"的错误，请仔细检查文件路径，版本号和脚本加载顺序，并确保正确加载库文件。