webdevqa.jp.net

jQuery UIオートコンプリート(1.8)スクロール

jQuery-UIのオートコンプリートモジュールの構成に問題があります。選択するデータの量が十分に多い場合、スクロールバーが表示される必要があります。

これは私が試したものです:

  • の中に jquery-ui-1.8.16.cssこれを設定しました:
ui.autocomplete{
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

* i-documentation の例に示すとおり

これは私が入力を宣言してオートコンプリートする方法です:

$("#myInput").autocomplete({
    source: mySource,
    minLength: 0,
});

スクロールバーが表示されない理由がわかりません。ご協力いただければ幸いです。どうもありがとうございました!

23
Andreu Ramos

このようなページでCSS設定をオーバーライドする必要があります

<style>
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}
</style>

jquery-ui-1.8.16.cssの値を変更する代わりに

69