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

【问题标题】：AutoCOmplete not giving autocomplete undefined error in php自动完成未在 php 中给出自动完成未定义错误
【发布时间】：2014-12-31 03:24:18
【问题描述】：

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

JQUERY AUTOCOMPLETE FILE LINK 这是我添加它的方式

<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-ui.min.js。尝试下载并包含在您的脚本文件中
您不需要完整的minified 版本，可以解决。但这不是他需要的。他需要核心文件，也许还有一些其他文件才能让 jquery UI 工作。打开自动完成文件，阅读顶部的评论。
我尝试添加最小版本，它确实修复了这个错误，但是错误移到了字段的第二行，说 undefined is not a function

标签： javascript php jquery autocomplete

【解决方案1】：

如果您打开自动完成文件，您会看到如下内容：

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>

如果您不关心任何关于小部件的未来添加，请获取完整的缩小版 jquery UI。

CSS 也很重要！要使用自定义构建，您可能不需要任何额外的小部件 CSS，因为它永远不会被使用。

【讨论】：

【解决方案2】：

首先，确保您已添加必要的依赖项（jquery 和 jquery-ui）

然后像这样包装你的电话：

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

我建议看一下 .rar 中包含的演示页面

【讨论】：