gpt4 book ai didi

javascript - 移动导航,通过 JavaScript 点击

转载 作者:太空宇宙 更新时间:2023-11-04 11:31:26 24 4
gpt4 key购买 nike

我构建了一个简单的移动nav,它在某种程度上可以工作,但是一旦您到达实际转到页面的链接,运行函数的 JavaScript 就会阻止操作发生,这有意义吗?

我在 a 标签上有一个 prevent default 来显示子菜单,因此页面链接实际上不可点击,这里是 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();
});

最佳答案

您需要 preventDefault() 吗?您实际上在 li 上设置了阻止默认值而不是标签,这实际上不会做任何您需要阻止的不利事情,对吗?

我已经删除了

e.preventDefault();

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

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

关于javascript - 移动导航,通过 JavaScript 点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32005462/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com