无法使用数据设置未定义的属性'_renderItem'（“ui-autocomplete”）

Question

我遇到自动完成问题，这是一直存在这个错误，我无法弄清楚导致此问题的原因。我已经尝试了一切，但仍然无法弄明白。

我还按照

的顺序加载了bootsrap js和jquery ui

的jquery-1.11.2' ， “jQuery的用户界面”， '自举'

$("#search-destination").autocomplete({
        minLength: 3,
        source: function (request, response) {
            var url = "http://localhost/abc/public_html/query/visiting?";
            var data = {term: $("#search-destination").val()};
            $.getJSON(url, data, function (data) {
                // data is an array of objects and must be transformed for autocomplete to use
                var array = data.error ? [] : $.map(data.places, function (m) {
                    var data = {
                        label: (!isEmpty(m.city)) ? m.title + " (" + m.city + ")" : m.title,
                    };
                    return data;
                });
                response(array);
            });
        },
        focus: function (event, ui) {

        },
        select: function (event, ui) {

        }
    }).data("ui-autocomplete")._renderItem = function (ul, item) {
        var $a = $("<a></a>").text(item.label);
        highlightText(this.term, $a);
        return $("<li></li>").append($a).appendTo(ul);
    };