スタートjQueryの機能フォント-恐ろしいロード

Question

後、私はに基づいて、ナビゲーションメニューを作成しています： https://css-tricks.com/jquery-magicline-navigation/

すべてがアクティブな項目のための線幅や位置を除いて正常に動作します。 基本的に、マジックラインの幅と位置は、アクティブなアイテムの幅と位置よりも小さくなっています。

私はいくつかの修正を試みましたが、これはアイコンが読み込まれずに魔法の行にかかるように数ミリ秒かかるため、フォントのすばらしいアイコンが原因であると結論づけました。 私はwindow.loadでの使用を試みましたが、うまくいきました。私の問題は、ページにたくさんの画像が含まれているため、アニメーションを見る前にページが完全に読み込まれるのを待たせたくないことです。

私の質問はこれです フォントのすばらしいアイコンの後に機能を開始する方法はありますか& Googleフォントが完全に読み込まれてレンダリングされていますか？

Answer 1

あなたは$（ウィンドウ）を読み込みましたか？

$(window).load(function() { 
     //your functions 
});