0

新しいjQueryUI selectmenuウィジェットを使用して、ドロップダウンのカスタム スタイルを取得し、<select>完全な機能を保持しようとしています。しかし、大きなリストにはほとんど役に立たないようです。開いたときのデフォルトの状態では、ドロップダウン項目はページからはみ出し続け、スクロールは有効になっていません。<select>これは、標準の HTMLドロップダウン メニューを置き換えることができると思われるプラグインとしては奇妙だと思います。

これを修正する方法はありますか?たとえば、表示されるドロップダウン項目に最大の高さを設定し、スクロールを有効にしますか? APIオプションを見逃したのかもしれません。創造的な CSS でそれを行うことができると思いますか?

これは、何が起こるかを示すJS Fiddleです。

4

2 に答える 2

0

確かにそれを行う方法はありますが、幸いなことに、それは信じられないほど簡単です! :)

の最大高さを定義するだけです<ul>:

#countries-menu {
    max-height: 100px;
}

jQuery UI で選択メニューを調整したい場合は、max-height代わりに を適用できることに注意してください。.ui-selectmenu-menu .ui-menu

更新されたフィドル: https://jsfiddle.net/mjfnao1L/1/

お役に立てれば ：）

于 2016-09-23T00:52:07.170 に答える