使用jQuery的autocomplete中遇到的问题(参数不起作用，样式不满足)

最新推荐文章于 2024-09-20 17:38:49 发布

活到老学到老干到老

最新推荐文章于 2024-09-20 17:38:49 发布

阅读量3.5k

点赞数

分类专栏：随学随记文章标签： autocomplete css prompt

本文链接：https://blog.csdn.net/scanner_new/article/details/86535402

版权

在尝试使用jQuery的autocomplete功能时，遇到高度、条目数无法通过参数控制及样式不匹配的问题。发现原版jquery-ui.js的参数无效，改用jquery.autocomplete.js后，通过修改源码中获取宽度的部分，将“$(input).width()”更改为“$(input).outerWidth()”，成功解决了列表宽度与input宽度不一致的样式问题。

摘要由CSDN通过智能技术生成

最近想将自己的网页做成自动提示功能的，在网站上搜索了一下发现jquery的autocomplete 非常适合自己的需求，于是下载了jquery-ui.js 和 jquery-us.css 两个文件进行实验，结果太省事了，但是发现想要控制列表的高度和条目数根据搜索的结果参数都不管用，后来发现大家用的都是jquery.autocomplete.js，于是各种找，终于找到了一个jquery.autocomplete.js，参数是都能用了，但是样式问题来了，特别是列表的宽度和input的宽度不一致，css文件很简单，也没有设置宽度的地方，于是检查js代码，看是从什么地方设置的，发现源码如下：

在jquery.autocomplete.js源码的第652行如下

if( options.width > 0 ) //如果设置了宽度就按用户设置的来
			element.css("width", options.width);

763行：

show: function() {
	var offset = $(input).offset();
	element.css({
		width: typeof options.width == "string" || options.width > 0 ?     
                  options.width : $(input).width(), 
		top: offset.top + input.offsetHeight,
			left: offset.left
}).show();

页