一个基于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>';
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>