我想设置一个Cookie 1周,以便为用户关闭div。我已经从SO周围扯了几下并且说实话 - 说实话 - 我真的不知道我在做什么!
我的HTML:
<div class="d-all t-all m-all group following_prompt">
<button type='button' id='hideshow' value='hide/show' class="close"><span class="icon-cross black right"></span></button>
</section>
<article class="d1-d3 t1-t4 m-all user_following">
{{ member:profile uid="{author}" }}
<a href="/profile/{{ username }}" class="user_avatar d1 m1">{{ gravatamatic:quicky
email = "{email}"
size = "64"
}}</a>
<section class="d2-d3 m2-m4 author_bio">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<a class="global_btn_white" href="/">Follow {{ username }}</a>
</section>
{{ /member:profile }}
</article>
</div>
我的JS:
jQuery(document).ready(function(){
$('#hideshow').on('click', function(event) {
$('.following_prompt').hide()
createCookie('hide', true, 1)
return false;
});
});
答案 0 :(得分:1)
有一个javascript plugin可以让这很容易
jQuery(document).ready(function(){
// if the cookie exist, hide the element
var hide = Cookies.getJSON('hide');
if (hide && hide.element)
$(hide.element).hide();
$('#hideshow').on('click', function(event) {
$('.following_prompt').hide()
Cookies.set('hide', {element: '.following_prompt'}, { expires: 7 });
return false;
});
});
如您所见,您可以将javascript保存到自动转换的cookie中,这样您就可以存储元素列表。