Javascript 用于JQuery的LavaLamp，初始状态

我集成了LavaLamp滑动菜单的代码，到目前为止效果很好（我有一些问题，但能够通过阅读电路板快速解决），但是有一件令人沮丧的事情阻碍了我。最初加载页面时，菜单悬停背景处于错误位置，其关闭但有点关闭。 例如，转到主页，背景状态比它应该的宽一点，将鼠标悬停在它上面，它会更正，现在转到另一个链接，说关于页面，没有问题，但硬刷新和它的方式最初，再次悬停它的罚款。。。我不认为我的客户会喜欢这个，但似乎无法修复它，请帮助

资料来源：

我的页面：

---

编辑：注意，根据选择为当前的菜单项，向右越远，其偏移量越大。i、 e.“家”只是偏移了一点。“关于我们”还有一点，等等。然后“联系”就不太可能了…

好吧，所以我找到了解决方案，这本身不是间距问题，而是脚本加载的方式。由于脚本默认加载为

$（function（）{…}

，因此在加载替换字体之前，它正在使用默认字体空间为

.back

元素创建所需的空间，该替换字体将定义所需的正确空间。

---

相反，留言板上建议将

$（function（）{…}

替换为

$（window）.load（function（）{…}

相反，它在所有浏览器中都能完美运行！

你能提供一个可用的提琴吗？你也应该在这里发布代码，因此如果网站被删除，这个问题仍然是相关的。抱歉，这是一个新问题…创建了一个提琴，但我不确定我是否做对了…我认为所有相关的代码都在那里，但似乎根本不起作用。。。@kingkrikkit yoru JSFIDLE中的jQuery在哪里？您是否对其进行了严格测试，并将其缩小到必要的代码以再现问题？因此，在返回源文件并基本上再次重建它之后，发现问题在于字体。我使用了（是的，正确加载）窄字体与背景有冲突，我检查了一些其他窄字体，它们导致菜单的行为完全相同，我不知道怎么做，但这似乎是某种间距问题…所以这是需要解决的问题，但我不确定是否有代码解决方案。