jquery - JQuery：未触发自动完成选择事件

Question

我是 JQuery 的（相当）新手，但一直在阅读关于自动完成功能的页面。从下拉列表中选择项目时，我无法触发选择事件。

这是代码：

    $("#newTag").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "ajax",
                datatype: "json",
                type: "POST",
                data: {searchText: request.term},
                success: function(data, textStatus, jqXHR) {
                    response($.map(data, function(item) {
                        return {
                            label: item.tag,
                            id: item.id
                        };
                    }));
                },
                select: function(event,ui) {
                    alert("Selected ");
                }
            });
        }
    });

它从 ajax 调用返回正确的数据，所以这似乎工作正常。我做了一个搜索数组的例子，效果很好。但我似乎无法在上面的代码中找到错误。

高度赞赏所有帮助。

Answer 1

您的选择属性在 ajax 调用而不是自动完成

$("#newTag").autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "ajax",
            datatype: "json",
            type: "POST",
            data: {searchText: request.term},
            success: function(data, textStatus, jqXHR) {
                response($.map(data, function(item) {
                    return {
                        label: item.tag,
                        id: item.id
                    };
                }));
            }
        });
    },
    select: function(event,ui) {
        alert("Selected ");
    }
});