jquery - 使用 cookie 保存远程 img 的路径？

Question

我正在使用 jQuery (1.10.1) + backstretch 和cookies 插件。这个想法是设置远程img并保存到img using cookies.

第一部分并不难：

$("#own").click(function(e) {
    e.preventDefault();
    var own = $("input#img-link").val();
    $(".backstretch img").attr("src", own);
    $.cookie("postcode", $("input[name=postcode]").val());
});

if ( typeof $.cookie("postcode") !== "undefined") {
    $("input[name=postcode]").val($.cookie("postcode"));
}

现在我对如何设置我的 cookie 使用它有点困惑。我找到了一些示例示例链接：

$('#go').click(function(){
    $.cookie('postcode', $('input[name=postcode]').val());        
});

//retrieve the cookie on load if it's not undefined
if(typeof $.cookie('postcode') !== 'undefined'){
    $('input[name=postcode]').val($.cookie('postcode'));
}

Cookies 现在将数据存储在浏览器中，但是我如何从 cookie 中将其推回，所以在每次页面刷新时，img 都会从 cookie 中加载？

Answer 1

您不是设置图像的属性，而是设置一些其他元素属性

$("#own").click(function(e) {
    e.preventDefault();
    var own = $("input#img-link").val();
    $(".backstretch img").attr("src", own);
    $.cookie("backstretch-img", own);
});

var own = $.cookie("backstretch-img");
if ( typeof own !== "undefined") {
    $(".backstretch img").attr("src", own);
}