jQuery UI 自动完成功能将焦点放在鼠标输出上

jQuery ui autocomplete stay focus on mouseout

本文关键字：焦点 鼠标 输出 功能 UI 成功 jQuery      更新时间：2023-09-26

我正在使用这个自动完成功能，到目前为止一切都很好，但我想知道如果我们鼠标悬停，我该如何保持专注。我的意思是，如果我键入某些内容并将鼠标悬停在上面，它们在该焦点上将是灰色背景，如果我鼠标悬停，它将恢复为白色，我希望它保持灰色背景。换句话说，我希望悬停停留。

这是一个我希望它如何 http://xdsoft.net/jqplugins/autocomplete/的示例，但由于某些原因，我想使用 jquery ui 自动完成。

我认为这在 css 中是不可能的？ 所以..

演示 http://jsfiddle.net/2wyqjhmk/

法典 

$.widget("ui.autocomplete", $.ui.autocomplete, {
    options: {
        maxItems: 9999
    },
    _renderMenu: function (ul, items) {
        var that = this,
            count = 0;
        $.each(items, function (index, item) {
            if (count < that.options.maxItems) {
                that._renderItemData(ul, item);
            }
            count++;
        });
    }
});

$(function () {
    $("#tags").autocomplete({
        source: availableTags,
        maxItems: 10
    });
});

.ui-menu-item.selected {
    background: pink;
}

确定之前选择的 li，找到它并添加所选类。这应该允许键入时显示的 UL 的自定义样式。

相关文章：