jQuery菜单在单击后退按钮时删除类
我有一个jQuery菜单,当你点击后退按钮时,它不能正常工作。在html中,有一类“selected”用于您当前所在页面的链接。当您将鼠标悬停在其他链接上时,jQuery将删除该类并添加“hovering”类。问题是,当您单击“后退”按钮时,“选定”类保留在您刚刚访问的链接上,而不是您实际所在页面的链接上。我是个新手,但我假设html被覆盖了 到目前为止,我只测试了FF,IE和Chrome。此问题仅在FF上遇到。我想知道是否有办法恢复到html中原来的CSS类。 菜单可以测试 以下是html:jQuery菜单在单击后退按钮时删除类,jquery,html,css,Jquery,Html,Css,我有一个jQuery菜单,当你点击后退按钮时,它不能正常工作。在html中,有一类“selected”用于您当前所在页面的链接。当您将鼠标悬停在其他链接上时,jQuery将删除该类并添加“hovering”类。问题是,当您单击“后退”按钮时,“选定”类保留在您刚刚访问的链接上,而不是您实际所在页面的链接上。我是个新手,但我假设html被覆盖了 到目前为止,我只测试了FF,IE和Chrome。此问题仅在FF上遇到。我想知道是否有办法恢复到html中原来的CSS类。 菜单可以测试 以下是html:
<div id="menu">
<ul>
<li id="menuitem0" class="selected"><a href="index.html">HOME</a></li>
<li id="menuitem1"><a href="link1.html">Link1</a></li>
<li id="menuitem2"><a href="link2.html">Link2</a></li>
<li id="menuitem3"><a href="link3.html">Link3</a></li>
<li id="menuitem4"><a href="link4.html">Link4</a></li>
<li id="menuitem5"><a href="link5.html">Link5</a></li>
<li id="menuitem6"><a href="link6.html">Link6</a></li>
</ul>
</div><!--menu-->
当这些页面加载时,您应该动态地将
class=“selected”
添加到相应的链接中。如果这听起来很愚蠢,请原谅。我是个新手。你知道我怎么做吗?你能检查一下错误控制台中是否有javascript错误吗?我已经检查过没有错误
jQuery(document).ready(function($) {
jQuery(function($){
var pathmatch = location.pathname.match(/([^\/]+)$/);
// set selected by the current pathname, or default to Home...
if( !pathmatch || !$('#menu a[href$="' + pathmatch[1] + '"]').addClass('selected').length){
$('#menu a').eq(0).addClass('selected');
}
$('#menu a')
.hover(function(ev){
// add (or remove) 'hovering' class to the parent LI and its parent UL...
$(this).parent().parent().andSelf().toggleClass('hovering',ev.type==='mouseenter');
})
});
});