msDropDown プラグインに問題があります。問題なく動作しているように見えますが、最初にクリックすると、オプションの子ボックスが 3px しか表示されません。次に、2 回目のクリックで正常に動作します。
Chrome、Jquery 1.9.1、および msDropDown 3.5.2 を使用しています
msDropDown プラグインに問題があります。問題なく動作しているように見えますが、最初にクリックすると、オプションの子ボックスが 3px しか表示されません。次に、2 回目のクリックで正常に動作します。
Chrome、Jquery 1.9.1、および msDropDown 3.5.2 を使用しています
これは私のために働いた
.ddChild, .ddChild ul {height:auto !important; max-height: 150px !important;}
ソース:
私は同じ問題を扱っていましたが、簡単な解決策は、「子ボックス」で LI 要素の正確な高さを定義することです。例えば:
.dd .ddChild li { ... height: 12px; padding: 8px 0; ...}
これは私から機能します。
CSS でリストの一定の高さを設定することもできます。
.ddChild { height: 200px }
css で行の高さを設定してもうまくいきませんでしたが、少しいじってみると、jquery.dd.js ファイルで rowHeight プロパティを設定すると、この問題が解決することがわかりました。
例えば
//dropdown class
function dd(element, settings) {
var settings = $.extend(true,
{byJson: {data: null, selectedIndex: 0, name: null, size: 0, multiple: false, width: 250},
mainCSS: 'dd',
height: 120, //not using currently
visibleRows: 7,
rowHeight: 100, //HEY STACKOVERFLOW - CHANGE THIS!!!!
アイテムの高さを事前に知る必要があることを意味するため、少し面倒です。おそらく、異なる高さを指定したいページに複数の msdropdowns がある場合、問題が発生する可能性があります。
しかし、それは今のところ問題を解決しました。
Google Chrome でも同じ問題に直面しました。このcssコードでこれを修正しました。オーバーフローyを追加しました..リストが200pxより大きい場合、スクロールが機能します
.dd .ddChild {
height: auto !important;
max-height: 200px;
overflow-y: scroll !important;
}