Manipulatinng JQuery的自动完成列表

时间:2015-07-31 08:04:59

标签: jquery jquery-ui jquery-autocomplete jquery-ui-autocomplete

我想在JQuery的自动完成列表上调用我自己的函数。
JQuery代码:

//JQuery UI AutoComplete
$( "#tut_search" ).autocomplete({
    minLength: 2,
    source: "PHP_Code/MyAjax.php?page=tut_search_ac"
}).data("autocomplete")._renderItem = function(ul, item) {
    return $("<li></li>")
        .data("item.autocomplete", item)
        .append("<a href='javascript:alert();'>" + item.name + "</a>")
        .appendTo(ul);
};

函数未调用自动完成列表的单击。
请给我任何关于JQuery自动完成列表调用函数的解决方案。
提前谢谢。

1 个答案:

答案 0 :(得分:0)

_renderItem函数应该是autocomplete选项的一部分:

$( "#tut_search" ).autocomplete({
    minLength: 2,
    source: "PHP_Code/MyAjax.php?page=tut_search_ac",
    _renderItem: function(ul, item) {
        return $("<li></li>")
            .data("item.autocomplete", item)
            .append("<a href='javascript:alert();'>" + item.name + "</a>")
            .appendTo(ul);
    }
}).data("autocomplete");