jQuery UIのオートコンプリート位置を変更する - 下向きではなくポップアップ

Question

私はページの下部にオートコンプリートボックスを配置していますが、結果は以下の代わりにテキストボックスの上にポップアップ表示します。これどうやってするの？

Answer 1

自分の質問に既に答えているかのように見えます。私は誰かがそれを得たならば、より良い解決策に向かっている。私はこれをオートコンプリートスタートアップに追加しました。本質的には、開いているボックスを新しいオフセットに置き換えます。

open: function(event, ui) { 
    var autocomplete = $(".ui-autocomplete"); 
    var oldTop = autocomplete.offset().top; 
    var newTop = oldTop - autocomplete.height() - $("#quick_add").height() - 10; 

    autocomplete.css("top", newTop); 
} 

Answer 2

jQuery UI Position utilityを使用できます。ここでの例は次のとおりjQueryのUIの

$(".ui-autocomplete").position({ 
    my: "left bottom", 
    at: "left top", 
    of: $("#quick_add"), 
    collision: "flip flip" 
}); 

Answer 3

現在のバージョンは、上記位置ウィジェットと同じ特性を有する、オートコンプリートオプションと位置オブジェクトをウィジェット与えることができます。あなたはそれを使って好きなように提案リストを配置することができます。別の方法でmvonlintelの答え@置く

Answer 4

、ウィジェット宣言の提案メニュー位置設定：

$('selector').autocomplete(
{ 
    position: { my: "left bottom", at: "left top", collision: "flip" }, 
    . 
    . 
});