编辑模式下的HTML表格自动刷新问题

Question

我正在从一个json对象数组构造一个html页面。数组中的每个对象在html页面中都显示为单独的表格。 说如果数组有5个对象，那么html将有5个表。我正在使用Mustache.js来构造表格。

我必须每5分钟刷新一次该页面。

每个表的顶部都有“编辑”按钮。点击编辑时，表格将处于“编辑模式”。 在执行自动刷新时，我想要停止处于“编辑模式”下的表的刷新。

请为此提出一些解决方案。

我想使用

$("#"+divId).load(URL); 

但这加载原始数据到table.It不填充相应的列，而不是应用的样式。

感谢

Answer 1

对于在编辑模式下停止刷新表，你可以做这样的事情：

<table data-edit-mode="false" class="table"> 
... 
</table> 

<script> 
    // example function of update tables 
    setInterval(function(){ 
     $.each($('.table'), function(k,v){ 
      if ($(v).data('edit-mode') === false) { 
       //update code 
      } 
     }); 
    }, 60 * 5 * 1000); 
</script> 

设置data-edit-mode=true当你按下button编辑

更新

https://jsfiddle.net/rdgeejbc/2/