Material Design Liteロードされたすべての要素JSコールバック

Question

私はMDLでヘッダーをレンダリングしようとしているページをいくつかイメージにプリロードしています。残念ながら、イメージプリロード関数は、すべてのイメージがプリロードされるまで、ライブラリが適切にレンダリングされるのを実際にブロックするという問題に直面しています。

私はpreload関数をtimeOutに2秒間入れてみましたが、ほとんどの高速接続では十分に遅い接続で同じ問題が発生しているようです。

結果として、ライブラリがロードされて実行されたとき（すべての要素が適切にレンダリングされているとき）にJavascriptを介して伝える方法を探しています。 MDLが起動し、iamgesのプリロードを開始するために使用できるコールバックがありますか？

さらに良い代替ソリューションがありますか？

Answer 1

mdl-componentupgradedイベントを使用してください。イベントのターゲットを確認し、開始するレイアウトコンポーネントであるかどうかを確認します。私はそれがレガシーブラウザのサポートのためにここで問題を引き起こしたレイアウトだと考えています。レイアウトでない場合は、問題の原因となるピースが見つかるまで狩りをしてください。