1

クリックイベントとCookieプラグインを使用してプレーンテキストを保存できるスクリプトがあります。

$('.fields').click(function(e) {
    var text = $('#inputBox').val();
    $.cookie('demoCookie',text,{expires: 7, path: '/' });
    $(".jq-text").text(text);
    .....

Cookieは次のように呼び出されます。

var cookie = $.cookie('demoCookie');    
if (cookie){
    $('.jq-text').text(cookie).show();

だから今、私はリンク付きのリストを追加し、もちろんそれをクッキーで保存したいと思います：

$('.fields').click(function(e) {
    var text = $('#inputBox').val();
    $.cookie('demoCookie',text,{expires: 7, path: '/' });
    $(".jq-text").append('<li><a href="' + text + '">' + text + '</a></li>');

動作させることができません：JsFiddle

テキストは保存されますが、リストとhrefは保存されません。

ps問題は、動的に作成されたリストがなくなって、2番目のリストがページを更新することである可能性があります。

4

1 に答える 1

3

問題は、値を保存するたびに値を上書きしていることです。そのため、最後に追加したものだけを読み返すことができます。既にあるものを読み込んで追加し、再度保存する必要があります。

配列を作成して値を保存し、Cookie に書き込むときに JSON 文字列にすることをお勧めします。次に、それを読み返すときに、JSON を再び配列に解析し (parseJSON jQuery コマンド)、新しい値を追加できます。

ここに私が何を意味するかを示す編集されたフィドルがあります: http://jsfiddle.net/dx6CN/3/

于 2012-09-26T09:16:59.907 に答える