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设置，否则将在下次存储。 您可能还想先检查浏览器是否具有localstorage支持。