Jquery ui jQuery ui自动完成组合框下拉位置

Jquery ui jQuery ui自动完成组合框下拉位置,jquery-ui,drop-down-menu,autocomplete,combobox,position,Jquery Ui,Drop Down Menu,Autocomplete,Combobox,Position,我在项目中使用jQueryUIAutoComplete组合框。此小部件或插件位于页面的“粘性页脚”。这很好用。因为“自动完成”组合框位于页脚条上,所以当“自动完成”下拉菜单打开时,它会跳出页面 请看这个截图 我希望这个下拉菜单应该出现在输入字段的顶部,而不是输入字段的底部 有什么建议吗?没有人回答,但我已经解决了这个问题。我刚刚在combobox的源文件中添加了position属性,它解决了这个问题 position: {

我在项目中使用jQueryUIAutoComplete组合框。此小部件或插件位于页面的“粘性页脚”。这很好用。因为“自动完成”组合框位于页脚条上,所以当“自动完成”下拉菜单打开时,它会跳出页面

请看这个截图

我希望这个下拉菜单应该出现在输入字段的顶部,而不是输入字段的底部


有什么建议吗?

没有人回答,但我已经解决了这个问题。我刚刚在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状态突出显示”
});