1

別の自動スケーリングされた (高さ) 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 divを除いてすべて問題ないため、結果は次のdivに表示されます。searchSuggest divを自動スケーリングする方法を知りたいです。

何か案が ？

ありがとう ！

4

1 に答える 1

1

jQuery UI CSS フレームワークを使用していますか?

コンテナーsearchSuggestが結果リスト (.ui-menu実際にはウィジェット)と共に成長するのを妨げる IMO 2 つのことがあります。

  • ul.ui-autocompletehas position: absolute、これは要素がフローの外にあることを意味します

  • またfloat: left、メニュー項目だけでなく、

これらの設定をオーバーライドできます。

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

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

デモ

于 2012-06-08T08:58:49.887 に答える