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

【问题标题】：jQuery ui autocomplete combobox dropdown positionjQuery ui 自动完成组合框下拉位置
【发布时间】：2012-12-07 23:18:37
【问题描述】：

我在我的项目中使用 jQuery ui 自动完成组合框。此小部件或插件放置在页面的“粘滞页脚”处。这工作正常。由于自动完成组合框位于页脚条上，因此当自动完成下拉菜单打开时，它会跳出页面。

请看这个截图http://prntscr.com/mpa11

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

有什么建议吗？

【问题讨论】：

标签： jquery-ui drop-down-menu autocomplete combobox position

【解决方案1】：

完美，这对我有帮助。为了更清楚一点，位置是自动完成的一个参数：

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"
      });

【讨论】：

【解决方案2】：

没有人回复，但我已经解决了这个问题。我刚刚在组合框的源文件中添加了位置属性，它解决了这个问题。

                    position: {
                        my: "left top",
                        at: "left bottom",
                        collision: "fit flip"
                    }

【讨论】：