Question

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

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;
});
});

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

干杯。

Answer 1

尝试删除此行：

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

Answer 2

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

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

Answer 3

而不是

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

尝试

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

（经过测试但应该工作）

Answer 4

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

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

4 个答案: