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()

转载于:https://www.cnblogs.com/ywyhero/p/6270248.html

上一步,下一步(撤销和恢复)相关推荐

  1. jq步骤条 java_JQuery实现步骤条效果(上一步,下一步)

    之前做出的步骤条是利用easyui +jquery实现的,但是他在隐藏板块的时候用到的是display:none,这会使我在板块中加载的js失效,所以换了一种方式,用Position.把元素脱离文档流 ...

  2. vue element上一步下一步跳转

    注:vue2.0 项目 该效果引用element-ui的步骤条,引用之前确保个人项目已安装Element 安装命令:npm install element-ui 然后在main.js中引入: 确保安装 ...

  3. steps步骤条+上一步+下一步

    步骤条在第一步提现申请的时候,只显示下一步.在第二步提现确认的时候,显示上一步和下一步.第三步完成提现的时候显示确认按钮. <span :class="{active:prevStep ...

  4. js 上一步 下一步 操作

    <a id="syb" href="#" style="display: block;" class="btn button ...

  5. idea上一步下一步快捷键_【MySQL】一步一步的教你在windows下安装MySQL5.7

    作者:choxsu来源:https://choxsu.cn/article/50 安装之前 MySQL数据库在日常使用是非常的频繁的,不管是线上还是线下.下面我就分享出我安装MySQL5.7的一步一脚 ...

  6. idea上一步下一步快捷键_领航者的一步,左右行业的下一步!双11海尔洗衣机再夺冠的思考...

    撰文/蓝科技 一个行业的发展,离不开带头企业的探索和推动.在洗衣机领域,海尔智家是那个左右着行业下一步发展方向的那个品牌. 今年双11,海尔洗衣机首日以四大电商平台销额增幅223%,直驱系列同比3倍速 ...

  7. vi 撤销上一步操作

    在vi中按u可以撤销一次操作 u   撤销上一步的操作       Ctrl+r 恢复上一步被撤销的操作

  8. vim中撤销上一步操作,快捷键

    vim编辑中按u可撤销上一次操作: u 表示 undo:撤销上一步的操作 Ctrl+r表示 redo:恢复上一步被撤销的操作

  9. IDEA 返回上一步,回到下一步 冲突 快捷键设置

    idea 本身的上一步下一步快捷键和其他软件有冲突,所以改下上一步下一步的快捷键 原来的快捷键,如果没有冲突可以直接用啦 回到上一步 Ctrl + Alt+ <-(左箭头) 回到下一步 Ctrl ...

最新文章

  1. 酒桌游戏c语言,最受欢迎的12种酒桌游戏
  2. Elasticsearch 冷热集群架构实战
  3. Java正则表达式:我最期望弄懂的知识,希望对大家都有帮助
  4. java继承孙子类_Java:类与继承
  5. 【编译原理】什么是AST?
  6. Java教程:Java选择结构和循环结构的总结
  7. 叫板 Android 开发!跨平台应用开发神器 Flutter 又添开源插件!| 技术头条
  8. ui自动化测试框架_自动化测试框架--Instrumentation
  9. 软件工程之软件工程管理
  10. opensips脚本格式
  11. 计算机公式求所占百分比,如何使用Excel函数计算所占的比例
  12. sshv2 mitm工具jmitm2的使用记录
  13. openstack项目进展
  14. 一对一直播源码,一对一直播平台将普及我们的生活
  15. word 上标快捷方式ctrl+shift++不起作用的可能原因
  16. atoi()函数的实现
  17. aPaaS和iPaaS的区别
  18. 非金融上市企业数据,整理好的面板数据,excel或stata版本
  19. TensorFlow----Keras库
  20. 《OpenSSL3.0学习之二十 提供程序-kdf》

热门文章

  1. 关于GeForce Experience更新驱动显示图形驱动程序安装失败
  2. C#不用ArcEngine,生成Shp文件(五)---------读取.shx文件和生成.shx文件
  3. Java进度条(excel文件解析)的实现
  4. cadence allegro - PCB走线 线宽、线距
  5. 使用pandas对excel表格筛选
  6. 惠普服务器停电后进不了系统,惠普电脑出现了startup menu 然后按f10进不去bios。进入的是Windows启动项...
  7. 金誉半导体笔记:什么是MCU单片机的SPI、UART、I2C通讯接口
  8. OFFICE图标不正常显示的解决办法(转载)
  9. Verilog状态机详述
  10. 调用第三方应用App