jQuery弹出栏 - 默认情况下如何隐藏？答案

【问题标题】：jQuery popup bar - how to hide by default?jQuery弹出栏 - 默认情况下如何隐藏？
【发布时间】：2012-05-01 22:24:04
【问题描述】：

我按照本教程创建了一个弹出栏（类似于本网站顶部的那个）：

http://spyrestudios.com/how-to-create-a-cute-popup-bar-with-html5-css3-and-jquery/

我是 jQuery 新手，所以我想知道是否可以默认隐藏该栏并仅在用户单击“显示”按钮时显示。

popup.js：

$(document).ready(function(){    


$('.showpop').hide();
$('#popup').show('bounce', { times:1 }, 300);


$('.hide').click(function(){
    $('#popup').slideUp();
    $('span.showpop').fadeIn('slow');
    return false;
});


$('a.showpoplink').click(function(){
    $('#popup').show('bounce', { times:1 }, 300);
    $('.showpop').hide();
    return false;
});
});

对不起，如果它很明显！正如我所说，我刚刚开始学习这个，一直在玩它但没有结果。

干杯。

【问题讨论】：

标签： jquery html popup hide

【解决方案1】：

尝试删除此行：

$('#popup').show('bounce', { times:1 }, 300);

【讨论】：

感谢您的快速回复，我删除了该行，但不幸的是，每次刷新页面时它仍然显示。如果有帮助，我可以提供一个指向正在使用它的页面的链接吗？
@user1039878 是的，提供链接

【解决方案2】：

而不是

$('.showpop').hide();
$('#popup').show('bounce', { times:1 }, 300);

试试

$('#popup').hide();
$('.showpop').show('bounce', { times:1 }, 300);

（尚未测试，但应该可以）

【讨论】：

很简单，如果它的工作方式与您需要的完全相反，请交换它:)

【解决方案3】：

只需注释掉第二行 -- 这是页面加载时显示栏的代码：

// $('#popup').show('bounce', { times:1 }, 300);

【讨论】：

恐怕除了停止小反弹动画之外似乎没有什么不同。每次刷新页面时它仍然默认显示:(

【解决方案4】：

更改栏，使其显示为无。这样，当页面加载时它会被隐藏，您不必在第一次加载时使用 JavaScript 隐藏它。然后你可以只在用户点击时显示它。

【讨论】：