如何允許用戶使用此JQuery示例關閉幻燈片？

Question

我想讓用戶注冊我的電子郵件時事通訊，而不必使用煩人的彈出窗口。

我發現了一個滾動激活的JQuery幻燈片，我認為它將很好地工作。

這是我創建的測試示例：（向下滾動以激活它）

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

現在是問題所在：我不想不斷在每個頁面上放下這張幻燈片來惹惱用戶。

1. 如何在幻燈片上添加“關閉”按鈕？

2. 如何確保用戶單擊關閉后不會再次看到幻燈片？ （也許一個cookie可以保持活動7天之久？？不確定其工作原理，但是如果您提供一些指導，我會解決的）。

謝謝大家-StackOverflow真是救命稻草！

Answer 1

簡單

您只需要在此示例中隱藏DIV，即可添加按鈕或圖像並使用live（'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 <div>內的關閉按鈕添加<a>或<button>或其他內容。

在加載功能內添加一個單擊或類似按鈕：

$('#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");