在 Font-Awesome 加载后启动 JQuery 函数

Question

我正在创建一个基于以下内容的导航菜单： https://css-tricks.com/jquery-magicline-navigation/

除了活动项目的线宽和位置外，一切正常。 基本上魔法线的宽度和位置都比活动物品要小。

我尝试了一些修复并得出结论，这是由字体很棒的图标引起的，因为它们需要几毫秒才能加载，因此会导致魔术线在未加载图标的情况下占用宽度。 我尝试在 window.load 上使用它，它工作正常，我的问题是页面可能包含大量图像，所以我不希望用户在看到动画之前等待页面完全加载。

我的问题是： 有没有办法在字体很棒的图标和谷歌字体完全加载和渲染后启动该功能？

Answer 1

你尝试过 $(window).load 吗？

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