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

查看更新后的fiddle

href属性的Jquery cookie

1 个答案: