2014-04-08 172 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() { … },而不是在所有瀏覽器中都能正常工作!