jquery - CSS Jquery - 事件链接

Question

谁能看出我在这里做错了什么？试图让事件状态正常工作，我真的看不出我在这里做错了什么。

脚本

<script type="text/javascript" charset="utf-8">
    //<![CDATA[
    jQuery(function() {
        jQuery('#nav li').each(function() {
            var href = jQuery(this).find('a').attr('href');
            if (href === window.location.pathname) {
                jQuery(this).addClass('current');
            }
        });
    });
    //]]>
</script>

HTML

<ul id="nav">
    <li><a href="#Link1">Link1</a></li>
    <li><a href="#Link2">Link2</a></li>
    <li><a href="#Link3">Link3</a></li>
    <li><a href="#Link4">Link4</a></li>
    <li><a href="#Link5">Link5</a></li>
</ul>

CSS

    #nav li.current a { color: red;}
    #nav li.current { background-color: red; }

Answer 1

你应该使用

if (href === window.location.href) {

代替

if (href === window.location.pathname) {