2013-10-05 34 views
0

我與該菜單項下滑的鼠標懸停行(底部邊框)這個CSS/jQuery的菜單:JS/jQuery的魔線不是頁面刷新工作

<div class="nav-wrap"> 
<ul class="group" id="example-one"> 
<li><a href="http://www.link-host.com/">Home</a></li> 
<li><a href="/web-hosting">Web Hosting</a></li> 
<li><a href="/vps-hosting">VPS Hosting</a></li> 
<li><a href="/clients/">Login</a></li> 
<li><a href="/clients/index.php?fuse=support&view=SubmitTicketForm">Contact Us</a></li> 
</ul> 
</div> 

這裏是一個小提琴菜單:http://jsfiddle.net/asJkH/

當其中一個鏈接設置爲當前頁面(活動鏈接)線路保持這種聯繫下,但如果你刷新頁面線向右移動到最後,它更長,這使得該頁面太大更長的時間。

它不似乎是正確的小提琴,但如果你複製工作,將代碼粘貼到一個網頁,查看本地或正常工作的Web服務器上。

我怎樣才能阻止它在錯誤的地方顯示的行,如果頁面被刷新?

回答

0

不管你說什麼,當你在本地查看頁面時問題仍然存在。單擊鏈接時,如果在導航時將鼠標指針移向菜單,則會看到問題;線路正在任何地方。

看來你應該改變你的.hover函數。當你寫$("#example-one li").find("a")你有一個數組,我認爲你應該選擇一個獨特的鏈接。我的建議是使用$("#example-one .current_page_item").find("a")代替。