jquery之自动补全相关问题2

问题描述：

各位大神：
近日在学习jquery相关知识，按教学视频写一个web程序，程序文件已经分享到百度云盘，下载网址为：https://pan.baidu.com/s/1nvPG6Qt。请大神下载后解压运行里面的文件index.html。由于我在index.js文件中写了
$(function(){
var host=['aa','aaaa','aaaaaa','bb'];
$('#email').autocomplete({
source : host,
});
});
所以用浏览器打开index.html后，点击邮箱文本框，按教学视频所讲应出现如下界面图片说明
出现自动补全功能，但我在电脑上运行上传到云盘上的代码却不能出现自动补全功能。网友“无聊码农”说jqurey版本太高，要导入1.11.3，我照做了。在上传文件夹中的index.html文件中通过

这语句导入了jquery-1.11.3。仍未能实现自动补全功能，我什么地方错了呢？请指教。（如果我导入的jquery.js文件错了。请将正确的jquery.js文件发到我的邮箱fubaishi@hotmail.com中。如果错的地方太多请将修改后的文件发送到我邮箱并注明修改的地方。）

答

dialog和autocomplete的初始化换个位置，autocomplete放到dialog后面，要不autocomplete生成的层z-index小于dialog的导致被覆盖了看不到下拉效果


 $('#reg').dialog({//////////先初始化dialog
     autoOpen:true,
     //position:top right,
     modal:true,
     resizable:false,
     wedth:320,
     height:340,
     buttons:{
         '提交':function(){
         }
     }
 });
 var host=['aa','aaaa','aaaaaa','bb'];
 $('#email').autocomplete({//后初始化autocomplete，这样可以保证autocomplete的z-index大于dialog的不被覆盖
  source : host///////,///还有不要多这个逗号，要不ie8-非xhtml格式下回报错，标准浏览器可以这样写
 });

答

外面套个 $(function() {就好了,代码如下,运行OK了,记得采纳哦

   $(function() {
    var host = [
      "aaa",
      "aa",
      "a",
      "bb"
    ];
    $( "#email" ).autocomplete({
      source: host
    });
  });

答

你这个不是代码补全吧是不是浏览器自带的记录呀

答

代码没错,但是你自己的index.jsp中写错了你的原始代码
更改后的代码图片说明

答

jQuery版本不要1.1的,用1.6以上版本

jquery之自动补全相关问题2

相关推荐