我有这个css / 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 :(得分：0)
尽管你说的是当你在本地查看页面时问题仍然存在。单击链接时，如果在导航时将鼠标指示器移向菜单，则会看到问题;线路随处可见。
您似乎应该更改.hover功能。当您编写$("#example-one li").find("a")时，您有一个数组，我认为您应该选择一个唯一的链接。我的建议是使用$("#example-one .current_page_item").find("a")代替。