Question

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

我希望此下拉菜单应显示在输入字段的顶部而不是输入字段的底部。

有什么建议吗？

Answer 1

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

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

Answer 2

完美，这对我很有帮助。为了使它更清晰一点，position是自动完成的参数：

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

jQuery ui autocomplete组合框下拉位置

2 个答案: