我有简单的代码:
<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插件,将adsbox状态在用户浏览器中保存3天。
我的问题是:我如何使用 jQuery Cookie ?! 我不知道这个解释: jquery Cookie plugin .
你能给我一些工作代码吗?
谢谢。
最佳答案
首先你必须这样做:
$(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();
});
});
关于javascript - 如何使用jquery Cookie?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23254976/