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

时间:2015-11-08 08:36:29

标签: javascript jquery asp.net-mvc

我想在使用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);

    }
}

1 个答案:

答案 0 :(得分:0)

我得到了那个问题的解决方案 我为此目的使用localStorage.getItem()方法。