jQuery cookie if 语句答案

【问题标题】：jQuery cookie if statementjQuery cookie if 语句
【发布时间】：2018-12-10 10:58:51
【问题描述】：

这是我的脚本，如果用户拥有 cookie 'AutoPlayTrue' 和 'AutoPlayFalse'，我只想隐藏 'disableAutoPlay' div。这是我当前的脚本，如果用户有上述 cookie，则底部是我试图隐藏“disableAutoPlay”的地方。

<script type="text/javascript">
$(function() {
    $('#yes a').click(function() {
        $.cookie('AutoPlayFalse', null);
        $.cookie('AutoPlayTrue', '1', {
            expires: 9999
        });
        $('.disableAutoPlay').hide('slow');
        $.cookie('ccss_remembered_style', null);
    });
    $('#ccss-no a').click(function() {
        $.cookie('AutoPlayTrue', null);
        $.cookie('AutoPlayFalse', '1', {
            expires: 9999
        });
        $('.disableAutoPlay').hide('slow');
    });
    $('#autoPlayOptions a').click(function() {
    $('.displayAutoPlay').css('display','block !important');
    });
});
</script>
<script type="text/javascript">
$(function() {
    if ($.cookie('AutoPlayFalse') == "1") {
        $('.displayAutoPlay').hide();
    }
    if ($.cookie('AutoPlayTrue') == "1") {
        $('.displayAutoPlay').hide();
    }
});
</script>

<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>

【问题讨论】：

无论您的 cookie 值是多少，您都会在 displayAutoPlay 上调用 .hide()，对吧？
元素仍然出现；如果 cookie 存在，如何将其显示为隐藏？
alert($.cookie("AutoPlayFalse")) 给了什么？
你是什么意思'alert($.cookie("AutoPlayFalse"))' 这个函数有什么作用？
它会显示一个带有 AutoPlayFalse cookie 值的警告框。我只是想知道这些 cookie 到底有什么价值。

标签： jquery css cookies hide

【解决方案1】：

我相信这是因为你在设置 ('.displayAutoPlay').css('display','block !important'); 这意味着任何试图从 jQuery 中隐藏元素的尝试都可能失败。尝试删除 !important。

【讨论】：

该函数所做的只是在点击时显示 disableAutoPlay true，仅此而已。但是我确实对其进行了测试并删除了 !important （这不起作用），并且我还尝试将其设置为： $('#autoPlayOptions a').click(function() { $('.displayAutoPlay').show( ); });
@Stephen 好的，你能发布你的 HTML 吗？
我在主要问题的代码标签底部添加了 HTML。