当我们使用jquery更改页面时，可以防止数据丢失

Prevent the loss of data when we change page using jquery

本文关键字：数据 我们 jquery      更新时间：2023-09-26

当我们使用J QUERY更改页面时，我想防止数据丢失。我使用MVC创建了一个网站。我在页面顶部使用了一个编辑按钮，当我单击该按钮时，其文本将更改为使用j查询开始编辑。但当我更改页面时，它会丢失开始编辑的文本，但我想保留该文本。我使用了以下代码：

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);
    }
}

我得到了那个问题的解决方案为此，我使用了localStorage.getItem（）方法。

相关文章：