Question

我正在使用jQuery（1.10.1）+ backstretch和cookies plugin。我们的想法是设置远程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工作感到困惑。我找到了一些例子Example Link：

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

使用Cookie保存远程img的路径？

1 个答案: