如果页面 url = 列表中的锚点，则触发鼠标悬停 +大胆

Question

标题说明了一切。我想要实现的是检查菜单中的 onload url（多个 ul，因为它也有子菜单），如果相等，则将其设为粗体并触发鼠标悬停事件：

$(document).ready(function(){
    $('#content > ul > li a[href]').filter(function() {return this.href.pathname === window.location.pathname;}).css('font-weight','bold');
    $('#content > ul > li a[href]').filter(function() {return this.href.pathname === window.location.pathname;}).trigger('mouseover');
});

<ul id="menu">
    <li><a href="#" onmouseover="displayID('biography');">Biography</a></li>
    <li><a href="/tagged/Commercial_photography" onmouseover="displayID('commercial-photography');">Commercial photography</a></li>
    <li><a href="/tagged/Fine_art_photography" onmouseover="displayID('fine-art-photography');">Fine art photography</a></li>
    <li><a href="/tagged/Action" onmouseover="displayID('action');">Action</a></li>
    <li><a href="/tagged/Video" onmouseover="displayID('video');">Video</a></li>
    <li><a href="#" onmouseover="displayID('links');">Links</a></li>
</ul>

我认为这只是一个非常简单的错误，因为我不太熟悉使用 jquery，所以我非常感谢任何帮助

Answer 1

链接的 href 属性是一个字符串，没有 pathname 属性。

使用 this.pathname 而不是 this.href.pathname 来解决您的问题：

function(){
    return this.pathname === location.pathname &&
           !/^#/.test(this.getAttribute('href'))   //The href at HTML may not 
}                                                 //start with #

在评论后编辑：
getAttribute方法用于获取原始href属性，因为this.href不包含#，而是http://fullpath/etc/file#。