jquery - jquery 自动完成选择事件

Question

我正在使用自动完成来显示包含 html 标记的项目，例如^T128 第一个脚本将显示自动完成列表，但不会显示为 html..它将在列表中显示^T128，但我可以选择该项目：

    var createAutocomplete = function () {
    var $input = $(this);
    var options = {
        source: $input.attr("data-jax-autocomplete"),
        minLength: 3
    };
    $input.autocomplete(options)
    };

我找到了一个修复程序，可以在自动完成列表中呈现 html 标记，但是在更改脚本后，我发现我无法再选择列表中的项目：

    var createAutocomplete = function () {
    var $input = $(this);
    var options = {
        source: $input.attr("data-jax-autocomplete"),
        minLength: 3
    };


    $input.autocomplete(options).data("autocomplete")._renderItem = function (ul, item) {
        return $("<li></li")
          .append("<a>" + item.label + "</a>")
          .appendTo(ul);
    };

};

Answer 1

我能够通过使用Scott 的 jquery.ui.autocomplete.html.js 扩展来解决这个问题