希望有人能指出我正确的方向。
我们正在努力改进邮件列表的订阅。当用户在 x 秒后访问我们的网站时,我希望向上滑动一个面板,要求他们注册邮件列表。
如果他们单击任何按钮(注册、关闭、不再显示),我想设置一个 cookie,以便面板不会再次显示。
我已经掌握了向上/向下滑动,但我是 cookie 方面的新手,不知道如何设置它,因此当设置 cookie 时,滑动操作不会再次发生。
这是我的 jQuery...
// MAILING LIST SLIDER //
// set a delay of 3 seconds before mailing list panel appears
$("#mailingListPanelSlide").delay(3000).slideDown("slow");
// set triggers to close the mailing list panel & set cookie
$("a#closeButton, p.negativeActionFormButton").click(function(){
$("div#mailingListPanelSlide").slideUp("slow");
$.cookie("mailingListPanel", "dontshow");
});
// HELP!!!! if cookie is set to collapsed, then don't perform slide down/hide panel altogether?
var mailingListPanel = $.cookie("mailingListPanel");
if (mailingListPanel == "dontshow") {
$("div#mailingListPanelSlide").css("display","none");
};
//END MAILING LIST SLIDER //
最佳答案
如果你想使用$.cookie,你必须有 jQuery cookie 插件 https://github.com/carhartl/jquery-cookie
if($.cookie("mailingListPanel") !== 'dontshow'){
// set a delay of 3 seconds before mailing list panel appears
$("#mailingListPanelSlide").delay(3000).slideDown("slow");
}else{
$("div#mailingListPanelSlide").css("display","none");
}
// set triggers to close the mailing list panel & set cookie
$("a#closeButton, p.negativeActionFormButton").click(function(){
$("div#mailingListPanelSlide").slideUp("slow");
$.cookie("mailingListPanel", "dontshow");
});
关于jquery - x 秒后向上滑动面板,单击关闭 - SET COOKIE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8171024/