javascript - JQuery 的 LavaLamp，初始状态

Question

我已经为 LavaLamp 滑动菜单集成了代码，到目前为止效果很好(我遇到了一些问题，但能够通过阅读面板快速解决它们)但是有一件令人沮丧的事情妨碍了我。当您最初加载页面时，菜单悬停背景位于错误的位置，它关闭但有点偏离。例如，转到主页，背景状态比应有的宽一点，将鼠标悬停在它上面并纠正，现在转到另一个链接，比如关于页面，没问题，但硬刷新和它最初的方式，再次悬停它很好...我认为我的客户不会喜欢这个但似乎无法修复它，请帮忙!

来源:http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/?cp=all#comments

我的页面:http://www.kristophersamari.com/concorde/index.html

编辑:注意到根据选择为当前的菜单项，它向右偏移得越远。即“家”只是偏移了一点。 “关于我们”多一点，等等。然后“联系”就很远了......

Answer 1

好的，所以我找到了解决方案，这本身不是间距问题，而是脚本加载的方式。因为脚本默认加载为 $(function() { … } 它正在使用默认字体空间 .back 元素所需的空间>在 加载替换字体之前，该字体会定义所需的正确空间。
相反，有人建议在留言板上用 $(window).load( function() { … } 代替 $(function() { … }，有效完美适用于所有浏览器!