Jquery typeahead перемещает div на странице - PullRequest
Новая
       12

Jquery typeahead перемещает div на странице

0 голосов
/ 10 октября 2018

Я пытаюсь реализовать функцию поиска типа твиттер для поиска в моей панели администратора.Происходит то, что когда я набираю один символ в своем поиске, он не фокусируется, и я вынужден щелкнуть обратно. Кроме того, он перемещает мой div на странице, и я предполагаю, что это пустой вывод.Мой бэкэнд - фляга питона, но я не думаю, что это имеет значение.У меня это работает, если я раскомментирую вызов ajax своей функции post, и эта функция будет запрашивать у пользователей базу данных, КАК ее ввод, все, что работало, но я не могу получить правильный js / html.

У меня есть этот HTML: 

<div id="the-basics">
     <input type="text" id="idk" class="typeahead" placeholder="User">
</div>

Вот мой JS: 

var matches = function liveSearch(val){
        return function findMatches(q){
        var match = [];

        console.log(val);

        // if(val != ""){ // don't make requests with an empty string
        //     $.ajax({
        //         url: "/admin/user-search",
        //         data: {searchText: val},
        //         dataType: "json",
        //         success: function(data){

        //             console.log(data);
        //             // create the html with results
        //             match.push(data);
        //         }
        //     });
        // }
        //return match;

    }
}


$('#idk').keyup(function(){

users= $(this).val();

$('#the-basics .typeahead').typeahead({
            hint: true,
            highlight: true,
            minLength: 1
        },
        {
            name: 'user',
            source: matches( users )
        });

})
...