Ajax自動完成，具有定製彈出位置

Question

我正在做一些涉及ajax自動完成的短語在<textarea>。我已經使用jquery自動完成插件很好地工作了;然而，它是硬編碼到這個位置彈出<textarea>以下。

對於我正在處理的內容，<textarea>位於頁面的底部;我理想地希望選項出現在以上的<textarea>。

是否有一個類似的現有（和一半體面）自動完成腳本，將允許這？我的其他選項：

• 嘗試使用更多的jQuery
• 破解插件代碼段重新定位它從頭
• 寫的東西后 - 事實上，以重新定位（聽起來很簡單，但也有體面自動完成

建議？

---

有關的信息，這是我結束了：

#known-parent .ac_results 
{ 
    position: fixed !important; 
    top: auto !important; 
    bottom: 80px !important; 
} 

Answer 1

這不是世界上最乾淨的解決方案，但是您可以覆蓋自動填充插件使用「！important」在CSS中寫入的樣式屬性。

樣式儘可能地屬於CSS。

如果我沒有記錯，插件會在autosuggest div的「style」屬性中設置「top」值。

在你的CSS，你應該能夠只是做：

#whatever_the_id_of_the_box_is { 
    position: absolute !important; 
    top: {{ whatever value you want here }} !important; 
} 

Answer 2

您可以更改彈出的CSS和分配負值的margin-top？這應該將內容移到最上面，但是結果看起來有點不可思議，因爲相關值將位於頂部。

是否也可以編輯自動填充插件來編輯容器的style並移動框的位置？我認爲這不會太困難，但我有一段時間沒有看到這個插件。

<div style="display: none; position: absolute; width: 151px; top: 21px; left: 91.65px;" class="ac_results"></div> 

你需要在插件代碼中調整它。

編輯：我其實不會推薦這個。應該有一種方法可以在UI插件中反轉結果順序。做到這一點，並改變樣式值，你應該有一個清晰的結果集。當我有機會時，我會添加確切的代碼