Javascript 自动完成未在php中给出自动完成未定义错误

我正在尝试在我的html中添加自动完成

下面是我如何添加它的

<script src="<?php echo $site_root?>js/autocomplete/jquery.ui.autocomplete.autoSelect.js"></script>

正在尝试使用

$("#username").autocomplete({
        source: <?php echo $username; ?>,   
        select: function(event, ui) 
        {
            var username = ui.item.label;
            window.location = 'submissionForm.php?username=' + username;
        }
    });

我得到了这个错误 无法读取未定义的属性“自动完成”

---

怎么了？

首先，确保添加了必要的依赖项jquery和jquery ui

然后将您的通话包装为：

$(function() {
    $("#username").autocomplete({
    ...
    });
})

---

我建议您看看.rar中包含的演示页面，如果打开自动完成文件，您将看到如下内容：

define([
    "jquery",
    "./core",
    "./widget",
    "./position",
    "./menu"
], factory );

这些是您在页面上需要的文件，按顺序排列

<script src="path-to/jquery.min.js"></script>
<script src="path-to/jquery-ui/ui/core.js"></script>
<script src="path-to/jquery-ui/ui/widget.js"></script>
<script src="path-to/jquery-ui/ui/position.js"></script>
<script src="path-to/jquery-ui/ui/menu.js"></script>
<script src="path-to/jquery-ui/ui/autocomplete.js"></script>

如果您不想在将来添加任何关于小部件的内容，那么就去获取jqueryui的完整缩小版

---

CSS也很重要！要使用自定义版本，您可能不需要任何传统的小部件CSS，因为它们永远不会被使用。

您需要使用jquery-ui.min.js。尝试下载此文件并将其包含在脚本文件中。您不需要完整的缩小版本，这将解决此问题。是的。但那不是他需要的。他需要核心文件，也许还需要一些其他文件，jQueryUI才能工作。打开自动完成文件，阅读顶部的注释。我尝试添加min版本。它确实修复了此错误，但错误移到了fiel的第二行，表示undefined不是一个函数