Question

我正在使用这个自动完成功能，到目前为止一切都很好，但我想知道如果我们鼠标移动，我怎么能让焦点停留...我的意思是如果我输入东西并将鼠标移到它上面它们将是灰色背景焦点，如果我mouseout它将返回白色，我希望它保持灰色背景。换句话说，我希望悬停留下。

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

我不认为这可以用css吗？所以..

demo 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
    });
});

Answer 1

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

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

jQuery ui autocomplete专注于mouseout

1 个答案: