美文网首页
autocomplete

autocomplete

作者: 拓跋123 | 来源:发表于2017-08-09 15:05 被阅读23次

    因为最近项目中需要加个autocomplete功能,开始看api自己搞,写下来,当作笔记吧

            $( "#keyword" ).autocomplete({
                    // autoFocus: true,
                    selectFirst:false,//默认true选中第一条
                    // multiple:false,
                    position: { my : "left-12px top+38px", at: "left+0px top+0px" },//调整位置
                    source: function(request, response){
                        var results = $.ui.autocomplete.filter(json, request.term);
                        response(results.slice(0, 5));//调显示条数
                    },
                    select:function (event,ui) {
                        ajax(ui.item.value);//当选中时进行查询
                    },
                    focus: function( event, ui ) {
                        //当focus时进行查询,解决safari双击问题
                        ajax(ui.item.value);
                        $( "#keyword" ).autocomplete("close");
                    }
    
                });
    

    相关文章

      网友评论

          本文标题:autocomplete

          本文链接:https://www.haomeiwen.com/subject/lvfqrxtx.html