原文链接,请点击我
原文的博主写的非常详细,而且对js和css还做了自己的调整,实现的效果也非常好。给的例子也非常全,包括静态的提示和通过ajax方式的提示。
我引入到项目中之后,确认可用,但是提示的内容是下拉的出来的,类似百度搜索。但是我实际的需求是输入框在页面的最底部,这就要求提示的内容是向上推出来的。
然后查看插件的源码,发现他的在控制下来列表是通过找到页面的body,然后通过相对定位的方式将下来的div动态的展示出来。
通过修改源码,最终完成了预期的效果。调整的部分主要包括:
1.jquery.bigautocomplete.js中的$("body")我进行了修改,调整为我页面中指定的div
2.jquery.bigautocomplete.css中的.bigautocomplete-layout去掉absolute属性即可