如何獲得自動完成結果在另一個自動調整的div？

我想在另一個autoscaled（高度）div中獲得自動完成結果。如何獲得自動完成結果在另一個自動調整的div？

這裏是我的代碼：

var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++" 
    ]; 
    $("#search").autocomplete({ 
     source: availableTags, 
     open: function(event, ui) { 
      $('ul.ui-autocomplete').removeAttr('style').hide().appendTo('.searchSuggest').show(); 
     } 
    }); 

<div class="searchSuggest"></div> 
<div class="anotherDiv"></div>

一切正常，只是不進行縮放（高度）searchSuggest格，所以我的結果將出現在下一格。我想知道如何自動縮放我的searchSuggest div。

有什麼想法？

謝謝！

來源

2012-06-07 Xavier C.

您通過自動縮放的意思是什麼。你能解釋一下嗎？ – Jebin

事實上，當您要求將結果追加到** searchSuggest ** div時，它會將「position：relative」和「position：absolute」（種類）添加到結果div中。所以最後，結果div恢復** anotherDiv ** div。事實上，我不希望結果div處於'絕對位置'，但我希望它直接進入** searchSuggest ** div。我不知道我是否足夠清楚......對不起我的英語。 –

您是否使用jQuery UI CSS框架？

有IMO兩件事情，其防止容器searchSuggest從與結果列表中生長（一個.ui-menu插件實際上）

的ul.ui-autocomplete具有position: absolute，這意味着該元素是從流
的
它也有float: left，以及菜單項

您可以覆蓋這些設置：

.searchSuggest .ui-autocomplete { 
    position: relative; 
    float: none; 
} 

.searchSuggest .ui-menu .ui-menu-item { 
    float: none; 
}

DEMO

來源

2012-06-08 08:58:49

我只能說：你搖滾！非常感謝！！ Et si tu es Belge et que tu parlesfrançais，sache que je te remercieénormémentcar tum'enlèvesune grosseépinedu pied！ ;-) –

Avec plaisir ;-) N'oublie pas d'accepter laréponsepour fermer la question et de voter。很高興幫助！ –

如何獲得自動完成結果在另一個自動調整的div？

回答

相關問題