上一步，下一步（撤销和恢复）

var data = {};
data.count = 0;
data.list = [];

function regain () {
    function handleSaveCss() {

　　　//获取workspace-body里面的内容
        var c = $(“#workspace-body”).html();

　　　//判断workspace-body里面的内容是否改变
        if (!stopsave && c != window.demoHtml) {
            stopsave++;
            data.list.push(c);
            window.demoHtml = c;
            saveCss();

            stopsave–;
        }
    }

　  //储存操作时候的状态

    function saveCss() {
        if (data.list.length > data.count) {
            for ( var i = data.count; i < data.list.length; i++){

                data.list[i] = null;

           }
        }
        if(data.count < 20) {
            data.list[data.count] = window.demoHtml;
            data.count++;
        } else {
            data.list.shift();
            data.list[data.count] = window.demoHtml;
            data.count++;
        }
    }
handleSaveCss();
}

//上一步
function prevRemove() {
　　if (data) {
　　　　if (data.count < 2)
　　　　　　return false;
　　　　window.demoHtml = data.list[data.count – 2];
　　　　data.count–;
　　　　$(‘#workspace-body’).html(window.demoHtml);　　
　　　　return true;
　　}
　　return false;
}
//下一步
function nextClone() {
　　if (data) {
　　　　if (data.list[data.count]) {
　　　　　　window.demoHtml = data.list[data.count];
　　　　　　data.count++;
　　　　　　$(‘#workspace-body’).html(window.demoHtml);

　　　　　　return true;
　　　　}
　　}
　　return false;
}
$(“.icon-prev”).click(function(event) {
　　stopsave++;
　　if (prevRemove()) {
　　　　$(“.icon-prev”).showLoading();

　　　　//初始化拖拽
　　　　$.dragResizeInitInfo.initContainer();
　　　　$.dragResizeInitInfo.layoutDragInit();
　　　　$.dragResizeInitInfo.componentDragInit();
　　　　$.dragResizeInitInfo.blockDragInit();
　　　　$(“.icon-prev”).hideLoading();
　　}
　　stopsave–;
});
$(“.icon-next”).click(function(event) {
　　stopsave++;
　　if (nextClone()) {
　　　　$(“.icon-next”).showLoading();

　　　　//初始化拖拽
　　　　$.dragResizeInitInfo.initContainer();
　　　　$.dragResizeInitInfo.layoutDragInit();
　　　　$.dragResizeInitInfo.componentDragInit();
　　　　$.dragResizeInitInfo.blockDragInit();
　　　　$(“.icon-next”).hideLoading();
　　}
　　stopsave–;
});

//在需要设置上一步下一步的地方执行此方法

regain()

今天的文章上一步，下一步（撤销和恢复）分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。