Javascript 防止在使用jquery更改页面时丢失数据

我想防止在使用jquery更改页面时丢失数据。我正在使用MVC创建一个网站。我在页面顶部使用了一个编辑按钮，当我点击该按钮时，它的文本会随着使用j query开始编辑而改变。但当我更改页面时，它会丢失开始编辑的文本，但我想保留该文本。 我使用了以下代码：

function toggleEditor() {
        if (isEditingEnabled) {
            $("[id*=Widget]").each(function () {

                var element = $(this);
                disableEditing(element);
                element.attr('contenteditable', false);
                toggle.innerHTML = 'Start editing';
            });
            isEditingEnabled = false;
            $(".EditableImage").find("a[data-toggle='modal']").remove();
            $("div[id*='Slider']").find("a[data-toggle='modal']").css("display", "none")

            $("#hd_Start").val('Finish editing');
        }
        else {
            $("[id*=Widget]").each(function () {
                var element = $(this);
                element.attr('contenteditable', true);
                enableEditing(element);
                toggle.innerHTML = 'Finish editing';
            });

            $(".EditableImage").append("<a data-toggle='modal' onclick='getSingleImage(this)' href='#modal-form-company-contact1'><div class='edit-indicator-widget' style='top:0;width: 10px;position: absolute;height: 10px;right:45px'><img title='Edit'  src='http://localhost:2442/Content/Content/Images/Edit.png' style='height: 30px;width: 30px;margin:5px;'></div></a>");
            isEditingEnable = true;
            $("div[id*='Slider']").find("a[data-toggle='modal']").css("display", "block")
            $("#hd_Start").val('Start editing');

        }

        //     localStorage.setItem('isEditingEnabled', isEditingEnable);

    }
}

函数切换编辑器（）{
如果（可编辑）{
$（“[id*=Widget]”）。每个（函数（）{
var元素=$（此）；
禁用编辑（元素）；
element.attr（'contenteditable'，false）；
toggle.innerHTML='开始编辑'；
});
isEditingEnabled=假；
$（“.EditableImage”）.find（“a[data toggle='modal']”）。remove（）；
$（“div[id*='Slider']”）。查找（“a[data toggle='modal']”）。css（“display”，“none”）
$（“#hd_Start”）.val（‘完成编辑’）；
}
否则{
$（“[id*=Widget]”）。每个（函数（）{
var元素=$（此）；
element.attr（'contenteditable'，true）；
启用编辑（元素）；
toggle.innerHTML='完成编辑'；
});
$（“.EditableImage”）。追加（“”）；
IsEditingable=true；
$（“div[id*='Slider']”）。查找（“a[data toggle='modal']”）。css（“display”，“block”）
$（“#hd#u Start”）.val（“开始编辑”）；
}
//setItem（'isEditingEnabled'，isEditingEnabled）；
}
}

我找到了那个问题的解决方案

---

为此，我使用localStorage.getItem（）方法。

您的问题是什么？我可以看到你试图使用本地存储，你遇到了什么问题？基本上我想保留一个页面的值，就像我点击一个名为edit的按钮，然后它会附加一些html，但是当我转到另一个页面时，它就不能保留那个html。