0

我制作了一个下拉菜单，它工作正常，除了锚 ( 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;
    });
});
4

1 回答 1

3

删除以下

 return false;

return false告诉浏览器不要完成默认操作，即跟随链接。

请参阅将“return false”添加到单击事件侦听器的效果是什么？

于 2013-08-07T14:48:05.347 回答