jquery - 用于 href 属性的 Jquery cookie

Question

我有一个脚本允许使用 Jquery cookie 插件保存文本：JsFiddle

如您所见，由于事件而保存了 div(.jq-text) 的文本

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

在同一事件中，我附加了这样的链接：

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

现在的问题是正在保存文本（刷新页面）但链接没有。那么这怎么可能，我做错了什么？

Answer 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();
    });
});​

看看更新的小提琴