jQuery 弹出栏 - 默认情况下如何隐藏?
我按照本教程创建了一个弹出栏(类似于本网站顶部的弹出栏):
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;
});
});
抱歉,如果它太明显了!正如我所说,我刚刚开始学习这个,一直在尝试,但没有结果。
干杯。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
尝试删除这一行:
Try removing this line:
而不是
尝试
(尚未测试但应该有效)
instead of
try
(havnt tested but should work)
只需注释掉第二行 - 这是页面加载时显示栏的代码:
// $('#popup').show('bounce', { times:1 }, 300);< /代码>
Simply comment out the second line -- that's the code that shows the bar when the page has loaded:
// $('#popup').show('bounce', { times:1 }, 300);
更改该栏,使其不显示。这样,它会在页面加载时隐藏,并且您不必在首次加载时使用 JavaScript 隐藏它。然后您可以仅在用户点击时显示它。
Change the bar so that its display is none. That way it is hidden when the page loads and you don't have to hide it with JavaScript on first load. Then you can show it only on user clicks.