jQuery/HTML 更改和保存插件选项

Question

我正在使用jQuery Shapeshift plugin

插件有一个选项gutterX: 'some value'。

我也在容器上启动插件：

$(".container").shapeshift();

我可以按如下方式更改选项：

$(".container").shapeshift({
    gutterX:20
});

但是我怎样才能将这个选项的值保存在 localstorage/cookie 中，这样即使浏览器被刷新，这个值也会被保留。

Answer 1

var tempgutterX = 20;

//GET
$(".container").shapeshift();
if(localStorage.getItem("gutterX"))
{
    $(".container").shapeshift({ gutterX: localStorage.getItem("gutterX") });
}
else
{
    $(".container").shapeshift({ gutterX: tempgutterX });

    //SET for later
    localStorage.setItem("gutterX", tempgutterX);
}

使用 localstorage 如果它已经存储，它将从 localstorage 设置，否则它将存储下一次。 您可能还想先检查浏览器是否支持本地存储。