AutoCOmplete 不会在 php 中给出自动完成未定义的错误

AutoCOmplete not giving autocomplete undefined error in php

本文关键字：未定义 错误 php AutoCOmplete      更新时间：2023-09-26

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

JQUERY自动完成文件链接这是我添加它的方式 

<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;
        }
    });

我收到此错误无法读取未定义的属性"自动完成"

怎么了？

如果您打开自动完成文件，您将看到类似以下内容：

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，因为它永远不会被使用。

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

然后像这样包装您的通话：

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

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

相关文章：