Autocomplete.js键盘上下箭头无法使用。

Question

Autocomplete.js键盘上下箭头无法使用。

7

我正在使用以下的jQuery UI自动完成函数。鼠标可以正常使用，但是通过键盘无法选择任何值。请查看代码。

$("#"+textBoxId).autocomplete("../common
   /autoSuggestValues.php?index="+index+"&
  randValue="+Math.random(), {
    selectFirst: false,
    width:textBoxWidth,
    minChars: 2,
    autoFill: false,
    scroll: true,
    scrollHeight: 120,
    formatItem: function (rowdata) {
        var details = rowdata[0].split('@#@');
        return details[0];
    }
});

$('#'+textBoxId).result(function (event, data, formatted) { 
    var det   =  data[0].split("@#@");
    if(det[0] != 'No Match Found') {
        $('#'+textBoxId).val($.trim(det[0])).css('border','');  
        $('#'+hiddenId).val(det[1]);
        processAutoSuggOptFunc(optionalFunction); //process the optional  
     function using the another built function "processAutoSuggOptFunc"
    } else {
        $('#'+textBoxId).val('');   
        $('#'+hiddenId).val('');    
    }
});

- Manish Jangir

JSON返回结果了吗？你能检查一下控制台是否有任何错误吗？ - itsme

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Thomas · Accepted Answer

对于我来说，提供焦点方法是解决方案：


    searchField.autocomplete({
        ...
        focus: function (event, ui) {
            event.preventDefault();
            jQuery(this).val(ui.item.suggestion);
        },
    ... });

另请参见： http://yuji.wordpress.com/2011/09/22/jquery-ui-autocomplete-focus-event-via-keyboard-clears-input-content/