0

私は奇妙な問題を抱えています

http://jsfiddle.net/alexjamesbrown/oqu54cavでフィドルを作成しました

ソースには、<li>153 行目に「THIS SHOULD BE VISIBLE」という要素がありますが
、最初に実行したときはスクロール ウィンドウに表示されません。

ウィンドウのサイズを少しでも変更すると、残りの項目は期待どおりに表示されます

a) これを引き起こしている原因と、b) サイズ変更時にそれが修正される理由を確認するのに苦労しています。

4

1 に答える 1

1

prettycheckable をオフにすると、問題が発生しないことがわかります。これは、prettycheckable プラグインによってチェックボックスが大きくなる前に、スクロールバー プラグインが div の高さを読み取るためだと思います。divの高さが設定され、スクロールバーが生成され、チェックボックスが他のプラグインで拡大されます。

現在、生成された要素の高さをスタイリングしています。これらは、JavaScript が評価された後にのみ機能します。これを修正するには、実際の html で要素のスタイルを設定する必要があります。たとえば、これはあなたの問題を解決します:

.overview li {
    height: 2.5em;
}

チェックボックスが「整形」される前に存在するため.overview li、チェックボックスが生成されたときに、その要素が大きくなることはありません。

于 2014-11-06T02:25:51.513 に答える