添加到jquery自动完成列表的项可以'；不能突出显示或选择

我正在使用以下代码将“其他”项添加到自动完成列表中：

    open: function(event, ui) {
        $('.ui-autocomplete').append('<li class="ui-menu-item" role="menuitem"><a class="ui-corner-all" tabindex="-1"><strong>Other</strong></a></li>');
    },

当我单击除“其他”以外的任何项目时，select函数将无错误地执行，并且所单击的项目将得到正确处理。但是，当我单击“其他”项时，我在第322行的jQuery UI 1.8.14min.js中得到一条错误消息“f.item”为null

因此，除了通过open函数添加li元素外，我还需要向映射到li的对象添加一个对象。我该怎么做

如蒙协助，将不胜感激

---

谢谢

这个JSFiddle显示它工作得很好：

运行时是否可能有其他div/DOM对象与之重叠

var test=function（）{
$（'.ui autocomplete'）.append（'
其他
）；
}
test（）是什么使项目突出显示？我真的不知道autocomplete小部件在内部是如何工作的，但是当您将鼠标拖动到项目上时，autocomplete下拉列表中的项目会突出显示。您能看到是否在悬停时添加了类吗？这是一个自动完成插件吗？是的，它会将li元素“Other”放在每个下拉列表的末尾，但是一旦出现，将鼠标拖动到它上面不会使它高亮显示，当鼠标在上面时单击该项目不会选中它。@FredLittle，您使用的是什么浏览器？我在Windows上使用Chrome浏览器，我能够很好地高亮显示和选择它。
    select: function( event, ui ) {
        if (ui.item) {
            var value = ui.item.type + ui.item.id;
            var name = ui.item.acronym;
            addContent(value, name);
            event.preventDefault();
            $(this).val('');
        }
    },