[英]How to use jquery Cookie?
我有简单的代码:
<html>
<head>
<script src="lib/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function () {
$('.close_i').click(function(){
$('.adsbox').hide();
$('.open_i').show();
});
$('.open_i').click(function(){
$('.adsbox').show();
$('.open_i').hide();
});
});
</script>
</head>
<body>
<div class="adsbox">
<img src="as1.jpg">
<img src="as2.jpg">
<img src="as3.jpg">
<img src="as4.jpg">
<img src="as5.jpg">
<img src="as6.jpg">
<a class="close_i">Close ADS</a>
</div>
<a class="open_i" style="display:none;">Open ADS</a>
</body>
</html>
我想要这样:当用户点击“关闭ADS”时,有以下jQuery指令:
$(document).ready(function () {
$('.close_i').click(function(){
$('.adsbox').hide();
$('.open_i').show();
});
$('.open_i').click(function(){
$('.adsbox').show();
$('.open_i').hide();
});
});
和cookie插件,将广告盒状态保存在用户的浏览器中3天。
我的问题是:我如何使用jQuery Cookie? 我不知道这个解释: jquery Cookie插件 。
你能给我一些工作代码吗?
谢谢。
首先,你必须这样做:
$(document).ready(function () {
$('.close_i').click(function(){
$('.adsbox').hide();
$('.open_i').show();
$.cookie("Disclaimer", 1, { expires : 3 });
});
$('.open_i').click(function(){
$('.adsbox').show();
$('.open_i').hide();
$.removeCookie("Disclaimer");
});
});
如果他关闭了添加,每当他再次进入页面时,必须关闭添加(从现在开始3天),所以你还必须添加它:
$(document).ready(function () {
if ($.cookie("Disclaimer")){
$('.adsbox').hide();
$('.open_i').show();
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.