0

Jquery cookieプラグインを使用してテキストを保存できるスクリプトがあります：JsFiddle

ご覧のとおり、イベントの結果としてdiv（.jq-text）のテキストが保存されています

$('.fields a').click(function(e){
          var text = $('#inputBox').val();
    ...

同じイベントで、次のようなリンクを追加します。

$('<a href="' + text + '">' + text + '</a>').appendTo('.jq-text');

ここで問題となるのは、テキストが保存されている（ページを更新する）が、リンクが保存されていないことです。では、これはどのように可能でしょうか、私は何を間違っているのでしょうか？

4

1 に答える 1

1

次のことを試してみませんか？代わりにもっと良い方法があるかもしれません

$(document).ready(function() {
    var cookie = $.cookie('demoCookie');

    // If the cookie has been set in a previous page load, show it in the div directly:
    if (cookie){
        $('.jq-text').text(cookie).show();
        $('.jq-text').attr('href', cookie);
    }

    $('.fields a').click(function(e) {
        var text = $('#inputBox').val();

        // Setting a cookie with a seven day validity:
        $.cookie('demoCookie', text, {
            expires: 7,
            path: '/'
        });
        $('.jq-text').text(text).slideDown('slow');
        $('.jq-text').attr('href', text);
        e.preventDefault();
    });

    $('#form1').submit(function(e) {
        e.preventDefault();
    });
});​

更新されたフィドルを見てください

于 2012-09-25T09:26:57.973 に答える