Bootstrap typeahead

时间:2013-06-13 21:10:42

标签: twitter-bootstrap autocomplete

我正在使用bootstrap typeahead来实现自动完成功能。 我需要typeahead在输入激活时返回结果(在鼠标单击或选项卡上输入),而不是等待用户键入第一个字符。更像是打字机。

<input id="input01" class="input-medium" type="text" data-provide="typeahead" placeholder="TypeAhead…" autocomplete="off">


$(document).ready(function($) {
    // Workaround for bug in mouse item selection
    $.fn.typeahead.Constructor.prototype.blur = function() {
        var that = this;
        setTimeout(function () { that.hide(); }, 250);
    };

    $('#input01').typeahead({
        source: function(query, process) {
            return ["hello","world", "awesome"];
        }
    });
});

2 个答案:

答案 0 :(得分:2)

我没有使用过该插件in a long time,但尝试手动调用查找(或现在的任何方法)。

这样的事情:

$(document).ready(function($) {
  var $input = $('#input01');

  $input.typeahead({
    source: function(query, process) {
      return ["hello","world", "awesome"];
    }
  });

  $input.on('focus', function() {
    $input.typeahead.lookup();
  });
});

答案 1 :(得分:0)

Bootstrp combobox完美运作