停止页面跳转到顶部点击与其他

Question

我有一个按钮，正在切换我的菜单（＃menu-toggle）。当用户点击按钮时，页面跳转到顶部。我怎样才能阻止这种情况发生？

试过，但没有奏效：

$('#menu-toggle').click(function(event){ 
$('.wrap, nav > ul, .wrap > .container:first-child').toggleClass('push'); 
    event.preventDefault(); 
if ($('.wrap').hasClass('push')){ 
    $('.wrap').css('position', 'fixed'); 
    $('.wrap > .container:first-child > div:first-child').slideUp(500); 
} else { 
    $('.wrap').css('position', 'relative'); 
} 
}); 

这里是我的HTML：

<button id="menu-toggle"> 
    <div id="nav-toggle"><span></span></div> 
</button> 
<button id="search-toggle"></button> 

任何帮助，将不胜感激。

感谢

Answer 1

的解决方案可能是把 返回FALS E或event.preventDefault（）完成后else block和不是之前的if语句，你可以使用像这个：

$('#menu-toggle').click(function(event){ 
$('.wrap, nav > ul, .wrap > .container:first-child').toggleClass('push'); 

if ($('.wrap').hasClass('push')){ 
    $('.wrap').css('position', 'fixed'); 
    $('.wrap > .container:first-child > div:first-child').slideUp(500); 
} else { 
    $('.wrap').css('position', 'relative'); 
} 
event.preventDefault(); //equivalent to return false; 
});