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

jQuery/HTML Changing and saving plugin options

本文关键字:保存 插件 选项 HTML jQuery      更新时间:2023-09-26

我正在使用jQuery的变形插件

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

同时我在我的容器上启动插件为:

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

我可以这样修改选项:

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

但是我如何保存这个选项的值在localstorage/cookie,以便即使浏览器刷新值被保留

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设置,如果它已经被存储,否则它将存储到下次。您可能还需要先检查浏览器是否支持本地存储