将数组保存到cookie,然后将其加载回数组

时间:2012-12-14 18:52:04

标签: jquery jquery-ui jquery-plugins

这是合约。这段代码应该将变量'item'推送到数组'savedList'

 $(document).ready(function() {
var savedList = [];
 $('#button').click(function (){
    var toAdd = $('input[id=newItem]').val();
    if (toAdd =="") 
    {
        return toAdd
    } else {
    var item = '<div class="item">'+toAdd+'</div>';
    $('.shoppingScroll').prepend(item);
    $('#counter').html('You have ' + $('.item').size() + ' item(s) in you   list');
            savedList.push(item);

    }

});

据我所知,这应该。将所有'.items'推送到我的数组,包括类规范。问题是如何将其保存到cookie然后在页面启动时加载。 我将jQuery cookie插件附加到我的页面,但看了之后文档无法弄清楚如何使用它。

由于

1 个答案:

答案 0 :(得分:1)

非常基本和粗略的代码看起来像:

$(document).ready(function() {
    var savedList = [];
    $('#button').on('click', function (){
        var toAdd = $('input[id=newItem]').val();
        if (toAdd =="") {
            return toAdd
        } else {
            var item = '<div class="item">'+toAdd+'</div>';
            $('.shoppingScroll').prepend(item);
            $('#counter').html('You have ' + $('.item').size() + ' item(s) in you   list');
            savedList.push(item);
            $.cookie('list', savedList);
        }
    });

    if($.cookie('list')) {
        $.each($.cookie('list'), function(index, val){
            console.log(val)
        });
    }
});