触发自动完成搜索事件答案

【问题标题】：triggeredAutocomplete search event触发自动完成搜索事件
【发布时间】：2013-05-14 12:56:16
【问题描述】：

我在此页面中找到的 triggerAutocomplete 脚本存在问题： 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");}
    });
});

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

【问题讨论】：

标签： jquery events

【解决方案1】：

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

那你可以试试这段代码：

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

【讨论】：