Jquery自動完成對齊

Question

當前，自動完成結果框與我的輸入框的左邊緣對齊，並向右傳播的寬度與我給出的寬度相同。但是，我的業務需求是將其與輸入框的右邊緣對齊，並且如果輸入框位於頁面的較靠邊的一側，則將其向相反方向展開，因爲結果被剪切並且水平滾動被添加到視圖中完整的結果。 （我可以修改我的'jquery-ui.css'）

任何人都可以幫忙嗎？

Answer 1

當前版本的jQuery UI允許爲自動填充小部件提供一個帶有選項的位置對象，具有與上述位置小部件相同的屬性。所以你可以用它來定位建議列表，只要你喜歡。

看到這裏http://jqueryui.com/demos/autocomplete/#option-position

，如果你需要改變位置dynamicaly - 你需要使用 「開放」 事件

代碼示例

//Supply a callback function to handle the open event as an init option. 
$(".selector").autocomplete({ 
    open: function(event, ui) { ... } 
}); 
//Bind to the open event by type: autocompleteopen. 
$(".selector").bind("autocompleteopen", function(event, ui) { 
    ... 
}); 

裏面他們，你可以改變位置自動排版形式css()

$('.ui-autocomplete').css({ 'left': x + 'px', 'top': y + 'px' }); 

PS：我不舒爾你可以在僅使用CSS實現，如位置取決於父HTML輸入字段