0

これが取引です。このコードは、変数「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」をクラス仕様を含む配列に.pushする必要があります。問題は、それを Cookie に保存して、ページの開始時にロードする方法です。jQuery Cookie プラグインを自分のページに添付しましたが、ドキュメントを見ても使い方がわかりません。

ありがとう

4

1 に答える 1

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)
        });
    }
});
于 2012-12-14T18:59:17.393 に答える