2014-04-08 117 views
0

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

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

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

编辑:注意到的是,根据选定为当前的菜单项时,再往右是偏移。即“家”只是稍微偏移一点。 “关于我们”多一点等等,然后“联系”是关闭...

+0

你能提供一个工作小提琴吗? – Anubhav

+1

你也应该在这里发布代码,所以如果网站被取消了,问题仍然是相关的。 –

+0

道歉,这是一种新的......创造了一个小提琴,但不知道我做对了......我认为所有相关的代码在那里,但似乎并没有在所有功能... http://jsfiddle.net/Q8wB2/ – kingkrikkit

回答

1

好吧,所以我找到了解决方案,它本身不是一个间距问题,它是脚本被加载的方式。由于该脚本默认加载为$(function() { … },因此它正在使用默认字体空间创建.back元素所需的空间,该空间在之前加载替换字体,该字体将定义所需的正确空间。
相反,它建议在留言板上用$(window).load(function() { … }取代$(function() { … },而不是在所有浏览器中都能正常工作!