jQuery的ui自動完成組合框下拉位置

Question

我在我的項目中使用jQuery ui自動完成組合框。此小部件或插件位於頁面的「粘滯頁腳」處。這工作正常。由於自動完成組合框位於頁腳上，所以當自動完成下拉菜單打開時，它將不在頁面中。

請看這張截圖http://prntscr.com/mpa11

我想這個下拉菜單應該出現在輸入字段而不是輸入字段的底部之上。

有什麼建議嗎？

Answer 1

那麼沒人回答，但我已經解決了這個問題。我剛剛在combobox的源文件中添加了position屬性，並解決了這個問題。

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