2013-05-16 38 views
0

我遵循this tutorial,我有一個jquery自動完成,唯一的區別是我從數據庫中導入我的數據而不是從教程中的ArrayList添加一個列表到自動完成Jquery

問題是我的數據庫已滿,當我插入一封信時,自動完成向我顯示所有名字都以一個列表中的這個字母開頭,我的頁面高度變大。爲了解決這個問題,我想用滾動條將數據放入列表中。

如何做到這一點?

回答

0

我沒有在API Documentation看到任何選項,建議你設置一個maxLength或類似的東西。如果我沒有錯,你可以爲你的列表元素設置一個最大高度和溢出屬性到一個新的CSS文件中,我認爲它可以用於你想要做的事情。

修訂

這裏是一個可以作爲列表中的元素:您可以根據收到的數據很多<li>看到

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none; top: 29px; left: 67px; width: 273px;">

裏面吧。我建議你將max-height: XXpx;overflow-y: scroll;屬性設置爲任何已有「列表容器」(我建議.ui-autocomplete,因爲其他類型與其他jQuery-UI元素共享)的當前類到新CSS文件,你應該按照我之前說過的那樣創建,你可以嘗試以這種方式「破解」它。

沒有檢測過

+0

這是在哪個文件嗎? – Somar

+1

@Souad我認爲這不是很清楚,我會更新它,但我的意思是說你創建了一個新的CSS文件,並在那裏放置了'.ui-autocomplete {max-height:200px;}'。我選擇了這個類,因爲它是唯一沒有與jQuery-UI的任何其他元素共享的類,並且'200px'只是作爲示例,可以設置所需的任何大小。 – DaGLiMiOuX

+0

當我測試的第一個結果是進入列表容器,但其餘顯示在列表中。 – Somar

相關問題