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

Question

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

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

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

请问有什么建议吗？

Answer 1

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

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

Answer 2

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

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