javascript - 下拉菜单， anchor 不起作用

Question

我制作了一个下拉菜单，它工作正常，除了 anchor (a href="#") 不起作用。

我认为脚本有问题，但我无法弄清楚。

有人可以帮我吗？

<ul class="menu">
    <li class="listMenu on">
        <a class="depth1" href="#">aaa</a>
        <div class="depth2Wrap">
            <ul class="depth2">
                <li><a href="b.html">bbb</a></li>
                <li><a href="c.html">ccc</a></li>
            </ul>
        </div>
    </li>
    <li class="listMenu"><a class="depth1" href="d.html">ddd</a></li>   
</ul> 

<小时/>

$(function($) { 
    var li = $('.menu>.listMenu');
    li.addClass('off');
    $('.menu .on').find('.depth2Wrap').show(); 

    $('.menu>.listMenu>a').click(function() {
        var myArticle = $(this).parents('.listMenu:first');
        if(myArticle.hasClass('off')){
            li.addClass('off').removeClass('on');
            li.find('.depth2Wrap').slideUp(100);
            myArticle.removeClass('off').addClass('on');
            myArticle.find('.depth2Wrap').slideDown(100);
            li.removeClass('fir_sele');
        } else {
            myArticle.removeClass('on').addClass('off');
            myArticle.find('.depth2Wrap').slideUp(100);
            li.removeClass('fir_sele');
        }
        return false;
    });
}); 

Answer 1

删除以下内容

 return false;

return false 告诉浏览器不要完成链接后面的默认操作。

参见What's the effect of adding 'return false' to a click event listener?