Question

我已经构建了一个简单的移动nav，它在某种程度上有效，但是一旦你到达实际进入页面的链接，运行这些函数的JavaScript就会阻止这个动作发生，这会使感？

我在prevent default标签上有a来显示子菜单，因此页面链接实际上无法点击，这里是jsfiddle

$('.mobile-nav ul.parent-level > li.has-submenu').on('click',function(e){
    $('ul.level-one').css('left', 0);
    e.preventDefault();
});
$('.mobile-nav ul.level-one > li').on('click',function(e){
    if( !$(this).hasClass('back-title') ){
        $(this).find('ul.level-two').css('left', 0);
    }
    e.preventDefault();
});
$('.mobile-nav li.back-title').on('click',function(e){
    //alert('go back');
    $(this).parent().css('left', '100vw' );
    e.preventDefault();
    e.stopPropagation();
});

Answer 1

你需要preventDefault（）吗？你实际上在li上有防止默认值，而不是一个标签，它实际上不会做任何你需要阻止它的不利之处吗？

我已删除

e.preventDefault();

行和子菜单中的链接现在变为可点击 - 似乎对其余菜单没有不利影响。看看你是否同意......

http://jsfiddle.net/rzvwb113/3/

移动导航，点击JavaScript

1 个答案: