0

我只是在玩 jquery 自动完成。我已将最小长度设置为 3。

如果我输入字母“sci”，它将获得所有标题中包含字母“sci”的记录。这部分工作正常，因为所有带有字母“sci”的记录都被返回并显示。

但是如果说我继续输入（当然是在暂停之后。此时我输入了“scisdfgdsfsd”），它仍然会显示以前的选择。肯定没有标题使用字母“scisdfgdsfsd”的记录。

有想法该怎么解决这个吗？谢谢！:)

行动中的“错误”截图

工作：http ://awesomescreenshot.com/0a2wuo2aa

不工作：http ://awesomescreenshot.com/023wuo507

我的jQuery代码

$(function() {
    $("#course").autocomplete({
        minLength: 3,
        source: function( request, response ) {
            $("#commentsSection").hide();
            $("#instanceIdSection").hide();
            $.getJSON("/issu/GetCourses.html", {term: request.term}, function(data, status) {
                if (data.length > 0) {
                    response(data);
                } else { 
                    getEventComments();
                    getEventSessions();
                }
            });
        },
        select: function (event, ui) {
            alert("select");
            getEventComments();
            getEventSessions();
        },
        change: function (event, ui) {
            alert("change");
            getEventComments();
            getEventSessions();
        }
    });

    function getEventSessions(){
        $.getJSON("/issu/GetEventSessions.html",{description: $("#course").val()}, function(data, status){
            if (data.length != 0) {

                $("#instanceId").empty();
                $.each(data, function () {
                    $("#instanceId").append($('<option></option>').attr("value", $(this)[0]).text($(this)[1]));
                });
                $("#instanceIdSection").show();
            }
        });
    }

    function getEventComments() {
        $.get("/issu/GetEventComments.html",{description: $("#course").val()}, function(data, status){
            if (data.length != 0) {
                $("#comments").text(data);
                $("#commentsSection").show();
            }
        });
    }
});
4

1 回答 1

2

您提供给“源”选项的回调函数response()仅在返回选项时调用。response()当没有返回选项时，您也应该调用。这将导致自动完成程序清除结果。

尝试：

$.getJSON("/issu/GetCourses.html", {term: request.term}, function(data, status) {
    response(data);
    if (data.length == 0) {
        getEventComments();
        getEventSessions();
    }
});
于 2013-02-11T01:36:46.367 回答