jquery - 触发自动完成搜索事件

Question

我在此页面中找到的触发自动完成脚本有问题： http ://www.hawkee.com/snippet/9391/

我写了这个脚本：

$(function() {
    $("#eAd_Post_Home").triggeredAutocomplete({
        source: "add_user.php",
        search: function(event, ui) {$('#tri_autocomplete_div ul').empty();},
        trigger: "@" 
    })
    .data("triggeredAutocomplete")._renderItem = function(ul, item) {

        return $("<li class='autocomplete_li'></li>")
        .data("item.autocomplete", item)
        .append(item.id)
        .appendTo($('#tri_autocomplete_div ul'));
    };
    $("#eAd_Post_Home").triggeredAutocomplete({
        close: function(event, ui) {$('#tri_autocomplete_div ul').empty();$("#tri_autocomplete_div").css("display", "none");}
    });
});

但是删除建议的搜索事件不起作用。你能帮助我吗？

Answer 1

也许尝试使用该appendTo选项让自动完成小部件为您处理。

然后你可以试试这段代码：

$(function()
{
    $("#eAd_Post_Home").triggeredAutocomplete({
        source: "add_user.php",
        search: function(event, ui) {
            $('.ui-autocomplete').empty();
        },
        close: function(event, ui) {
            $('.ui-autocomplete').empty();
            $("#tri_autocomplete_div").hide();
        },
        appendTo: '#tri_autocomplete_div',
        trigger: "@"
    })
    .data("triggeredAutocomplete")._renderItem = function(ul, item) {
        return $("<li class='autocomplete_li'></li>")
            .data("item.autocomplete", item)
            .append( item.id )
            .appendTo( ul );
    };
});