0

我有这个 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 服务器上查看它，它工作正常。

如果刷新页面，如何阻止它在错误的位置显示该行？

4

1 回答 1

0

尽管您说了什么，当您在本地查看页面时问题仍然存在。单击链接时，如果在导航时将鼠标指示器移向菜单，则会看到问题；线去任何地方。

看来你应该改变你的.hover功能。当您编写时，$("#example-one li").find("a")您会得到一个数组，我认为您应该选择一个唯一的链接。我的建议是$("#example-one .current_page_item").find("a")改用。

于 2013-10-07T08:58:51.407 回答