Question

html代码太长了，无法在stackoverflow上复制和粘贴，所以我只想链接my site。如果你去网站，你会看到一些设计师名字上方的搜索栏。基本上我正在尝试使用jquery-ui插件实现自动完成。并且它不会在搜索栏下方显示任何结果。我从来没有使用过这个插件，所以我根本不知道为什么这不起作用。

我正在处理/js/autocomplete.js中的自动完成部分。里面的代码不多。数据并添加到事件侦听器。就是这样。

let designers = [ .. ] // click to see whole data

$(function() {
    $('#keyword').autocomplete({
        source: designers,
        minLength: 6
    })
})

任何帮助将不胜感激：）

Answer 1

实际上，当按下搜索输入时，控制台中会出现错误，导致代码中出现此位置。这就是自动完成无效的原因。

$(".m4").click(function(event){            
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
   });

Answer 2

尝试JQuery UI自动完成（https://jqueryui.com/autocomplete/#default）

Answer 3

它对我有用...... 您已经获得了6的minLength意味着它不会搜索数组，直到您键入6个字符，尝试使用minLength参数运行代码并按预期工作

jquery autocomplete不显示任何结果

3 个答案: