jquery自动完成延迟不起作用

时间:2016-06-23 05:16:07

标签: javascript jquery autocomplete

我的自动填充代码中有这个。

在Jquery自动填充

中,延迟和minlength选项对我不起作用

我也试过把睡眠放在搜索功能中。即使那不起作用

我在界面1上看到的内容" getTags"即使对于1/2角色也要求执行,2)呼叫正在瞬间完成,没有任何延迟。

请帮忙

$('#autocomplete').autocomplete({
        delay: 10000,
        serviceUrl: "getTags",
        minLength: 3,
        search: function( event, ui ) {
            sleepFor(2000);
            console.log("Searching for",event)
        }
});

2 个答案:

答案 0 :(得分:1)

尝试使用source替换服务URL并创建codepen以供参考 -

Source :"getTags"

http://codepen.io/nagasai/pen/beBQRm

答案 1 :(得分:0)

对不起家伙

我身边有一些天真的错误,当我试图通过NagaSai提供的例子时,我已经清楚地看到了评论

我指的是此https://designshack.net/articles/javascript/create-a-simple-autocomplete-with-html5-jquery/并已下载autocomplete-min.js

这不是必需的,我试图在此

上使用autcomplete jquery的文档
$('#autocomplete').autocomplete({
        delay: 2000,
        source: function (request, response) {
                    jQuery.get("getTags", {
                        query: request.term
                    }, function (data) {
                        // assuming data is a JavaScript array such as
                        // ["one@abc.de", "onf@abc.de","ong@abc.de"]
                        // and not a string
                        console.log(data)
                        response(data["suggestions"]);
                    });

                    //console.log("Here")
                    //data=["heyy"]
                    //response(data);
            },
        //source:"getTags",
        minLength: 1,
        search: function( event, ui ) {
            sleepFor(100);
            console.log("Searching for",event)
        }
}); 

这完美地运作