Question

我正在尝试在我的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;
        }
    });

我收到此错误无法读取未定义的属性“autocomplete”

有什么问题？

Answer 1

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

然后像这样打电话：

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

我建议您查看.rar

中包含的演示页面

Answer 2

如果您打开自动填充文件，您会看到类似的内容：

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也很重要！要使用自定义构建，您可能不希望任何aditional小部件CSS，因为它永远不会被使用。

自动完成不在PHP中给出自动完成未定义的错误

2 个答案: