jquery-ui - JQuery UI 自动完成选择模糊或关闭

Question

我想在模糊或关闭时从我的输入自动完成中选择值。

我试着把它放在关闭参数的函数中，但它不起作用:

close: function() {
  $($(this).data('autocomplete').menu.active).find('a').trigger('click');
  $(this).removeClass('ui-corner-top').addClass('ui-corner-all');
}

有人知道吗？

Answer 1

好的，感谢 Andrew Whitaker，我得到了这个解决方案，可以在离开自动完成时自动选择第一个值:

$.ui.autocomplete.prototype.options.autoSelect = true;
$( ".ui-autocomplete-input" ).live( "blur", function( event ) {

    var autocomplete = $( this ).data( "autocomplete" );
    if ( !autocomplete.options.autoSelect || autocomplete.selectedItem ) { return; }

    autocomplete.widget().children( ".ui-menu-item:first" ).each(function() {
        var item = $( this ).data( "item.autocomplete" );
        autocomplete.selectedItem = item;
    });
    if ( autocomplete.selectedItem ) {
        autocomplete._trigger( "select", event, { item: autocomplete.selectedItem } );
    }
});