带有jQuery cookie的多样式表(弹出框问题)

时间:2011-05-08 06:08:27

标签: jquery html cookies popup

$(function() {
    $('#yes a').click(function() {
        $.cookie('AutoPlayTrue', '1', {
            expires: 999
        });
        $('.disableAutoPlay').hide('slow');
        $.cookie('ccss_remembered_style', null);
        $.cookie('AutoPlayFalse', null);
    });
    $('#ccss-no a').click(function() {
        $.cookie('AutoPlayFalse', '1', {
            expires: 999
        });
        $('.disableAutoPlay').hide('slow');
        $.cookie('AutoPlayTrue', null);
    });
    if ($.cookie('AutoPlayFalse') === null) {
        $('.disableAutoPlay').show();
    }
    else {
        $('.disableAutoPlay').hide();
    }

    if ($.cookie('AutoPlayTrue') === null) {
        $('.disableAutoPlay').show();
    }
    else {
        $('.disableAutoPlay').hide();
    }
});

我有一个带有HTML的弹出框:

<li class="widget ccss" id="ccss-widget-3"><h2 class="widgettitle">Should HipHop97.com Automatically Start Playing Music?</h2>
    <ul id="ccss-list">

        <li id="ccss-no"><a href="http://hiphop97.com/wp-content/themes/hiphop/noAutoPlayCSS.css">No</a></li><li id="yes"><a href="#">Yes</a></li>
    </ul>

</li>

我需要选择'是'按钮时只是充当'关闭'并且使用cookies'不再显示我'和'否'按钮我已经获得了样式表和东西代码我只是需要它不再用饼干显示盒子。 (元素在主题中,只标记为display:none;它位于主容器的顶部。)

我试过这个,我认为这是一个很好的概念,它只是不起作用:

<script type="text/javascript">
jQuery(document).ready(function($) {
    if ($.cookie('AutoPlayFalse')) {
        $('.displayAutoPlay').css('display','none !important');
    }
    if ($.cookie('AutoPlayTrue')) {
        $('.displayAutoPlay').css('display','none !important');
    }
});
</script>

1 个答案:

答案 0 :(得分:0)

if(!$.cookie('autoplay')){
   //display box
}else{
   $.cookie('autoplay',1);
}

我不明白为什么你这么做太复杂了:)