如何使用此JQuery示例允许用户关闭幻灯片？

Question

我想让用户注册我的电子邮件简报，而不使用烦人的弹出窗口。

我发现了一个滚动激活的JQuery幻灯片，我认为它可以正常运行。

以下是我创建的测试示例:(向下滚动以激活它）

http://buckinvestor.com/test/jquerytest.html

现在问题在于：我不想通过不断在每个页面上滑动来惹恼用户。

1. 如何在幻灯片中添加“关闭”按钮？

2. 如何确保用户点击关闭后再次看不到幻灯片？ （也许是一个活跃了7天或者什么的cookie？不确定它是如何工作的，但是如果你给我一些指导，我会弄明白的。）

谢谢大家 - StackOverflow一直是这样的救星！

Answer 1

易

你只需要隐藏DIV 在此示例中添加按钮或图像并使用实时（'click'，function（）{}）

    $('#closediv').live('click',function(){
$('#headerSlideContainer').hide();})

问题的第二部分是cookie

Answer 2

对于＃1，只需添加一个按钮和

$("button.hide").click(function(event){ $("div.hidethis").hide() });

onclick隐藏作为幻灯片的div。

Answer 3

为#headerSlideContent <a>

内的关闭按钮添加<button>或<div>或其他内容

添加点击或类似于加载功能中的按钮：

$('#closeButton').click(function(){
   $('#headerSlideContainer').hide();
});

http://api.jquery.com/hide/

对于第2部分，是的，cookie是好的，我发现jQuery cookie插件很有帮助：http://plugins.jquery.com/project/Cookie

设置Cookie：$.cookie("name", "value");

阅读Cookie：var value = $.cookie("name");