Jquery ui jQuery ui自动完成组合框下拉位置
我在项目中使用jQueryUIAutoComplete组合框。此小部件或插件位于页面的“粘性页脚”。这很好用。因为“自动完成”组合框位于页脚条上,所以当“自动完成”下拉菜单打开时,它会跳出页面 请看这个截图 我希望这个下拉菜单应该出现在输入字段的顶部,而不是输入字段的底部Jquery ui jQuery ui自动完成组合框下拉位置,jquery-ui,drop-down-menu,autocomplete,combobox,position,Jquery Ui,Drop Down Menu,Autocomplete,Combobox,Position,我在项目中使用jQueryUIAutoComplete组合框。此小部件或插件位于页面的“粘性页脚”。这很好用。因为“自动完成”组合框位于页脚条上,所以当“自动完成”下拉菜单打开时,它会跳出页面 请看这个截图 我希望这个下拉菜单应该出现在输入字段的顶部,而不是输入字段的底部 有什么建议吗?没有人回答,但我已经解决了这个问题。我刚刚在combobox的源文件中添加了position属性,它解决了这个问题 position: {
有什么建议吗?没有人回答,但我已经解决了这个问题。我刚刚在combobox的源文件中添加了position属性,它解决了这个问题
position: {
my: "left top",
at: "left bottom",
collision: "fit flip"
}
太好了,这对我有帮助。
为了更清楚一点,位置是一个自动完成的参数:
this.input = $( "<input>" )
.insertAfter( this.element )
.val( value )
.attr( "title", "" )
.addClass( "custom-combobox-input" )
.autocomplete({
position:{
collision:"fit flip"
},
delay: 0,
minLength: 0,
select:function(event,ui){
this.value = ui.item.value;
if(that.options.script){
that.options.script();
}
$(this).blur();
},search:function(event,ui){
if(event.originalEvent){
if(that.options.script){
that.options.script();
}
}
},
source: this.options.source?this.options.source:[]
}).focus(function(){
$(this).autocomplete( "search", "" );
})
.tooltip({
tooltipClass: "ui-state-highlight"
});
this.input=$(“”)
.insertAfter(this.element)
.val(值)
.attr(“标题”、“名称”)
.addClass(“自定义组合框输入”)
.自动完成({
职位:{
碰撞:“适合翻转”
},
延迟:0,
最小长度:0,
选择:功能(事件、用户界面){
this.value=ui.item.value;
if(that.options.script){
this.options.script();
}
$(this.blur();
},搜索:功能(事件,用户界面){
if(事件原始事件){
if(that.options.script){
this.options.script();
}
}
},
来源:this.options.source?this.options.source:[]
}).focus(函数(){
$(this.autocomplete(“search”和“”);
})
.工具提示({
tooltipClass:“ui状态突出显示”
});