选择时,向上和向下键不起作用自动完成

时间:2017-10-14 14:56:09

标签: jquery autocomplete

我正在使用带有多维数组的jQuery自动完成功能,但是当使用向上或向下键选择时,无效。

例如,当我使用向上和向下键时,它会自动绝望并注意选择项目

这是我的代码

$(document).on('keypress', '.location', function(e) {
  $(this).autocomplete({
    minLength: 0,
    source: url,
    focus: function( event, ui ) {
      if (mode == 'flight') {
        $(this).val( ui.item.fullname );
      }
      else{
        $(this).val( ui.item.name );
      }
      event.preventDefault();
      return false;
    },
    select: function( event, ui ) {
      if (mode == 'flight') {
        $(this).val( ui.item.fullname )
                .attr('data-match', ui.item.fullname)
                  .attr('data-code', ui.item.airport_code);
      }
      else{
        $(this).val( ui.item.name )
                .attr('data-code', ui.item.code)
                  .attr('data-match', ui.item.name);
      }

      $(this).removeClass('inctv')
              .removeClass('border-red');

      event.preventDefault();
      return false;
    }
  })
  .autocomplete().data("ui-autocomplete")._renderItem =  function( ul, item ) {
    var newName = mode == 'flight' ? item.fullname : item.name;

    return $( "<li>" )
    .append( "<a>" + newName + "</a>" )
    .appendTo( ul );
  };

});

我不知道我在哪里做错了。

0 个答案:

没有答案