Question

我正在尝试在管理面板中实现Twitter提前输入功能。发生的情况是，当我在搜索中键入一个字符时，它使该字符失去焦点，因此我必须单击回去。而且，它会将div在页面上向下移动，并且我假定为空白输出。我的后端是python flask，但我认为这并不重要。如果取消对post函数的ajax调用的注释，我就可以正常工作，并且该函数将向数据库查询用户（例如正在输入的内容），尽管一切正常，但是我无法正确获取实际的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 )
        });

})

jQuery Typeahead在页面上移动div

0 个答案: