美文网首页
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