jquery cookie将css设置为显示：无

我正在使用jquery cookie插件，并试图让浏览器在刷新后记住CSS的状态，以下是单击按钮时的代码：

    $('#cartHolder').attr('style','display: none !important');
    $.cookie("cartDisplay", 'none !important');

在我的标题中，我有：

   if ($.cookie("cartDisplay")){
       $('#cartHolder').attr('style', $.cookie("cartDisplay"));
   }

问题是，每次刷新后，

显示

属性仍会重置回其默认属性。然而，在控制台窗口中，我看到jQueryCookie成功地存储了必要的值，只是每次刷新后都没有写入DOM

有人能帮我吗

---

谢谢

您从cookie中得到的字符串是：

none !important

 <div style="none !important"></div>

你给元素的东西是：

none !important

 <div style="none !important"></div>

编辑
最好是这样使用：

 $('#cartHolder').css('display', $.cookie("cartDisplay"))

---

无需更改您的cookie代码。（应该可以使用）

您从cookie返回的字符串如下：

none !important

 <div style="none !important"></div>

你给元素的东西是：

none !important

 <div style="none !important"></div>

编辑
最好是这样使用：

 $('#cartHolder').css('display', $.cookie("cartDisplay"))

而且不需要更改您的cookie代码。（它应该可以工作）

不应该使用

attr（'style'）

，因为它将覆盖您的所有样式。改用

.css

。还可以尝试避开

！重要信息

。试一试

$('#cartHolder').css('display','none');
$.cookie("cartDisplay", 'none');

在你的头上

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').css('display', $.cookie("cartDisplay"));
       }
});

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').toggle($.cookie("cartDisplay"));
       }
});

或者您可以使用

.toggle

$('#cartHolder').hide();
$.cookie("cartDisplay", 'false');

在你的头上

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').css('display', $.cookie("cartDisplay"));
       }
});

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').toggle($.cookie("cartDisplay"));
       }
});

请记住将代码包装在

$（document）.ready（function（）{

中，以确保DOM元素已加载

不应使用

attr（'style'）

，因为它将覆盖所有样式。请改用

.css

来确保DOM元素已加载。另外，请尝试避免使用

！重要的
。请尝试

$('#cartHolder').css('display','none');
$.cookie("cartDisplay", 'none');

在你的头上

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').css('display', $.cookie("cartDisplay"));
       }
});

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').toggle($.cookie("cartDisplay"));
       }
});

或者您可以使用
.toggle

$('#cartHolder').hide();
$.cookie("cartDisplay", 'false');

在你的头上

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').css('display', $.cookie("cartDisplay"));
       }
});

$(document).ready(function(){
    if ($.cookie("cartDisplay")){
           $('#cartHolder').toggle($.cookie("cartDisplay"));
       }
});

请记住将代码包装在
$（document）.ready（function（）中{
为确保DOM元素已加载
您的cookie值仅包含
无！重要的
，您需要添加
显示：
请使用JS FIDLE。您的cookie值仅包含
无！重要的
，您需要添加
显示：
请使用JS FIDLE。我已经尝试了您的建议，现在就可以了ill在域的最终CSS中返回undefined抱歉我没有得到它你需要描述吗？另外感谢你的+1我尝试了你的建议，但它仍然在域的最终CSS中返回undefined抱歉我没有得到它你需要描述吗？另外感谢你的+1更正，但我认为它是重复的，可能是a下的一条评论nswer.OK nice+1到您的描述。请也检查我的。@khato-yep就是这样，很抱歉这个基本错误。忘记包含文档。ready:D cheers-correct，但我认为它是重复的，可能是答案下的注释。OK nice+1到您的描述。请也检查我的。@khato-yep就是这样，很抱歉这个基本错误。忘记包含文档。准备好：D干杯