typeahead.js не запускает исходную функцию

Я пытаюсь интегрировать twitter typeahead.js, для этого скачал библиотеку с https://github.com/twitter/typeahead.js и включает typeahead.bundle.min.js

Затем я добавил следующее

<input type="text" class="form-control typeahead font-normal">
$('.typeahead').typeahead({
    source: function(query, process) {
        console.log(query);
    }
});

Проблема в том, что она запускает исходную функцию, я ожидаю, что она напечатает запрос в консоли. что это не так.

Что тут может быть не так?

Спасибо.

Следующее решение сработало.

Как указано в ответе, я сначала добавил следующую библиотеку

  1. jquery.min.js
  2. typeahead.bundle.min.js (https://twitter.github.io/typeahead.js/< /а>)
  3. typeahead.jquery.min.js (https://twitter.github.io/typeahead.js/< /а>)
  4. bootstrap3-typeahead.min.js (https://github.com/bassjobsen/Bootstrap-3-Typeahead)

А затем инициализировал следующий код

$('.typeahead').typeahead({
    source: function(query, process) {  
        process([
            {id: "1", name: "Display name 1"},
            {id: "2", name: "Display name 2"}
        ]);
    }
});

И это работает.


person Ibrahim Azhar Armar    schedule 26.05.2017    source источник


Ответы (1)


Попробуйте это, вам нужно добавить js типа bootstrap typeahead

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js"></script>

jsFiddle для того же https://jsfiddle.net/aa7zyyof/17/

person Trimantra Software Solution    schedule 26.05.2017
comment
Вы правы, это срабатывает сейчас, но когда я пытаюсь вернуть объект JSON, он не отображается, как отобразить результат? - person Ibrahim Azhar Armar; 26.05.2017
comment
Я получил это, обновив вопрос для справки. Спасибо. - person Ibrahim Azhar Armar; 26.05.2017
comment
Здесь есть еще одна поддерживаемая версия typeahead.js... github.com/corejavascript/typeahead.js - person Artistan; 29.05.2017