jQuery单击后网站导航消失并重新出现（在Chrome中）答案

【问题标题】：Website navigation disappearing and reappearing after jQuery click (in Chrome)jQuery单击后网站导航消失并重新出现（在Chrome中）
【发布时间】：2012-08-11 00:29:30
【问题描述】：

当点击屏幕左下角的时事通讯时，该功能运行：

$('#newsletterbtn').click(function() {
    $('#newsletterbtn').hide();
    $('.sub').fadeIn('slow');
    $('#email').fadeIn('slow');
    $('#email').animate({width:'97'},'slow');
});

可以在www.pickmixmagazine.com/wordpress/上看到

它在 Safari 和 Firefox 中运行良好，但在 Chrome 中导航会暂时消失并在一秒钟后重新出现，我似乎不明白为什么。有什么想法吗？

【问题讨论】：

你能发布一个例子或jsFiddle吗？至少发布受 jQuery 影响的 HTML。
我的错误是在 www.pickmixmagazine.com/wordpress/ 但我只需要在函数结束时返回 false！
如果您解决了自己的问题，请将其发布为答案并将其标记为已接受的解决方案以便其他人可以找到它，或者删除问题。

标签： jquery html google-chrome flicker nav

【解决方案1】：

为了解决这个问题，我确保我的函数返回了false：

$('#newsletterbtn').click(function() {
    $('#newsletterbtn').hide();
    $('.sub').fadeIn('slow');
    $('#email').fadeIn('slow');
    $('#email').animate({width:'97'},'slow');

    return false
});

【讨论】：

另一种解决方案是通过将event 参数传递给click() 函数来调用event.preventDefault()。