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

Question

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

我必须每5分钟更新一次此页面。

每张桌子都有＆＃34;编辑＆＃34;顶部的按钮。单击编辑时，表格将处于＆＃34;编辑模式＆＃34;。 在进行自动刷新时，我想停止刷新＃34;编辑模式＆＃34;。

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

我正在尝试使用

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

但是这会将原始数据加载到表中。它没有填充相应的列，并且未应用样式。

由于

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/