一个基于jquey的自动完成与分页(2)

来源:未知 责任编辑:责任编辑 发表时间:2015-10-08 14:16 点击:

 41         $(this).trigger('keyup');
 42     });
 43     $('#keyword').keyup(function(e) {
 44
 45         if ($(this).val().trim() && $(this).val() == lastVal) return;
 46         lastVal = $(this).val();
 47
 48         $('.autocompletelist span').remove();
 49         // 自动完成下拉列表定位
 50         var pos = $('#keyword').position();
 51         $autocompletelist.css({
 52             left: pos.left,
 53             top: pos.top + $('#keyword').height()
 54         });
 55         $autocompletelist.empty();
 56         $autocompletelist.show();
 57         // 获取自动完成信息
 58         if ($('#keyword').val()) {
 59             // 加上时间戳,以防止读取缓存数据
 60             $.getJSON('autoComplete', 'keyword=' + encodeURIComponent($('#keyword').val())+'&dt='+encodeURIComponent($.now()),
 61             function(data) {
 62                 var suggestion = data.suggestion;
 63                 var len = suggestion.length;
 64                 if (len == 0) return;
 65                 var items = suggestion.items;
 66                 for(var i=0;i<len;i++){
 67                     var k = '<em class="k">' + items[i].keyword + '</em>';
 68                     var r = '<em class="r">约 ' + items[i].results + ' 结果</em>';
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 2011年度最佳 jQuery 插件
  • jquery学习笔记---jqGrid学习笔记 完整整理
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 用js检测两个线段是否相交
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1