保存改变颜色的状态

Question

我的代码有点问题：

 <script>
    $(document).ready(function() {



        $('#calendar').fullCalendar({

            dayClick: function(date, jsEvent, view) {



                $(this).each(function() {

               var classes = ['blue','red','green','none'];
               this.className = classes[($.inArray(this.className, classes)+1)%classes.length];


                            });

                    }
            })



    });



    </script>

     <div class="top">
          Arbeitsplaner <br>

     </div>

     <div id='calendar'></div>

    <div class='description'>

        rot = Ganztag <br>
        blau = Halbtag <br>
        grün = Frei

    </div>

How it looks like

颜色的更改工作正常，但每次切换到另一个月或重新加载页面颜色都消失了......

如何保存颜色的状态？

我现在只是JS的首发，对不起，如果这是一个简单的问题：）

Answer 1

您可以使用html5 localStorage来保存数据。 例如：

localStorage.setItem("key", "value");
localStorage.getItem("key");

在这种情况下，您可以保存颜色的状态。 check this链接了解更多信息。