JS/Jquery魔术线不适用于页面刷新
JS/Jquery魔术线不适用于页面刷新
提问于 2013-10-05 11:35:21
我有这个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服务器上查看它，它工作得很好。
如果刷新页面，如何阻止它在错误的位置显示行？
回答 1
Stack Overflow用户
发布于 2013-10-07 08:58:51
尽管如此，当您在本地查看页面时，问题仍然存在。单击链接时，如果您在导航时将鼠标指示器移动到菜单上，则会看到问题所在；行正在向任何位置移动。
似乎您应该更改您的.hover函数。当您编写$("#example-one li").find("a")时，您会得到一个数组，我认为您应该选择一个唯一的链接。我的建议是改用$("#example-one .current_page_item").find("a")。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19197345
复制相关文章
相似问题
腾讯云开发者
