背景

因项目需求,需要一个自动提示的功能,想到之前有 jquery 的 jQuery-Autocomplete 插件,于是就直接拿来用了,
直接在github 上找到了一个 starts 最多的项目 jQuery-Autocomplete
看了下插件的 API 可配置项很多,有一个 appendTo 配置,是我想要的,于是就决定使用这个差价

直接把 插件下载下来 放到项目中去,直接 $(…).autocomplete is not a function
……

项目中我写的只是其中的一个模块,页面的代码...

效果展示

在线地址

• JoyMusic

  解释

• 正如文章图片那样,在搜索框中输入想听的音乐/歌手/专辑
• 在输入过程中及输入完成后,显示搜索结果的列表供用户选择

  材料

• REST 接口
• jquery-autocomplete插件

准备工作

• 引入插件 css: jquery.autocomplete.css
• 引入插件 js : jquery.autocomplete.min.js
• 写一个数据返回的 REST 接口

  开始操作

• 定义搜索的 input 的 id 值

    <div class="navbar...