Javascript Cookie不工作
我有下面的代码,但它似乎没有做它的意思。切换功能可以正常工作,但cookie情况不能。当页面重新加载时,即使我在切换框关闭后刷新它,在刷新时,框也不会关闭,只是保持打开状态Javascript Cookie不工作,javascript,cookies,Javascript,Cookies,我有下面的代码,但它似乎没有做它的意思。切换功能可以正常工作,但cookie情况不能。当页面重新加载时,即使我在切换框关闭后刷新它,在刷新时,框也不会关闭,只是保持打开状态 <script type="text/javascript"> // this tells jquery to run the function below once the DOM is ready $(document).ready(function() { $("#forumposts-icon").to
<script type="text/javascript">
// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {
$("#forumposts-icon").toggle(function(){
if($.cookie('forumpoststoggle') == "toggle"){
$("#forumposts-toggle").slideUp('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_down.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 0,
'padding-right' : 20,
'padding-bottom' : 0,
'padding-left' : 20,
}, "slow");
}
$("#forumposts-toggle").slideUp('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_down.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 0,
'padding-right' : 20,
'padding-bottom' : 0,
'padding-left' : 20,
}, "slow");
$.cookie('forumpoststoggle','toggle');
} ,
function() {
$("#forumposts-toggle").slideDown('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_up.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 20,
'padding-right' : 20,
'padding-bottom' : 20,
'padding-left' : 20,
}, "slow");
$.cookie('forumpoststoggle','NULL');
});
});
</script>
//这告诉jquery在DOM就绪后运行下面的函数
$(文档).ready(函数(){
$(“#forumposts图标”)。切换(函数(){
如果($.cookie('forumpoststoggle')==“切换”){
$(“#forumposts切换”).slideUp('slow');
this.src=“/images/header\u toggle\u down.png”;
$(“#forumposts切换”).parent('.widget content wrapper').animate({
“填充顶部”:0,
“右边填充”:20,
“填充底部”:0,
“左填充”:20,
}“慢”);
}
$(“#forumposts切换”).slideUp('slow');
this.src=“/images/header\u toggle\u down.png”;
$(“#forumposts切换”).parent('.widget content wrapper').animate({
“填充顶部”:0,
“右边填充”:20,
“填充底部”:0,
“左填充”:20,
}“慢”);
$.cookie('forumpoststoggle','toggle');
} ,
函数(){
$(“#forumposts切换”).slideDown('slow');
this.src=“/images/header\u toggle\u up.png”;
$(“#forumposts切换”).parent('.widget content wrapper').animate({
“填充顶部”:20,
“右边填充”:20,
“填充底部”:20,
“左填充”:20,
}“慢”);
$.cookie('forumpoststoggle','NULL');
});
});
别客气。让它工作起来
我想问题是我在按钮开关里面关上了!我真傻
任何感兴趣的人的工作代码:
<script type="text/javascript">
// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {
$("#forumposts-icon").toggle(function(){
$("#forumposts-toggle").slideUp('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_down.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 0,
'padding-right' : 20,
'padding-bottom' : 0,
'padding-left' : 20,
}, "slow");
$.cookie('forumpoststoggle','closed');
} ,
function() {
$("#forumposts-toggle").slideDown('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_up.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 20,
'padding-right' : 20,
'padding-bottom' : 20,
'padding-left' : 20,
}, "slow");
$.cookie('forumpoststoggle','open');
});
var forumposts = $.cookie('forumpoststoggle');
if (forumposts == 'closed') {
$("#forumposts-toggle").slideUp('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_down.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 0,
'padding-right' : 20,
'padding-bottom' : 0,
'padding-left' : 20,
}, "slow");
}
});
</script>
//这告诉jquery在DOM就绪后运行下面的函数
$(文档).ready(函数(){
$(“#forumposts图标”)。切换(函数(){
$(“#forumposts切换”).slideUp('slow');
this.src=“/images/header\u toggle\u down.png”;
$(“#forumposts切换”).parent('.widget content wrapper').animate({
“填充顶部”:0,
“右边填充”:20,
“填充底部”:0,
“左填充”:20,
}“慢”);
$.cookie('forumpoststoggle','closed');
} ,
函数(){
$(“#forumposts切换”).slideDown('slow');
this.src=“/images/header\u toggle\u up.png”;
$(“#forumposts切换”).parent('.widget content wrapper').animate({
“填充顶部”:20,
“右边填充”:20,
“填充底部”:20,
“左填充”:20,
}“慢”);
$.cookie('forumpoststoggle','open');
});
var-forumposts=$.cookie('forumpoststoggle');
如果(forumposts=='closed'){
$(“#forumposts切换”).slideUp('slow');
this.src=“/images/header\u toggle\u down.png”;
$(“#forumposts切换”).parent('.widget content wrapper').animate({
“填充顶部”:0,
“右边填充”:20,
“填充底部”:0,
“左填充”:20,
}“慢”);
}
});