框架7-如何在更改页面时清除以前的附加数据

时间:2017-08-13 14:44:02

标签: javascript html-framework-7

我在更改页面时遇到问题,数据附加无法删除

例如: 我在初始页面附加javascript

        $$(document).on('click', '#btnappend', function (e) {
             var table = '<table id="barang_detail" class="tabel-detail" cellspacing="0">'+
            '<tr><td style="width:8px;">Barang</td><td id="det_nama">'+$$(this).attr('data-nama_barang')+'</td></tr>'+
            '<tr><td>Harga</td><td id="det_harga">'+$$(this).attr('data-harga')+'</td></tr>';

            $$('#div_append').append(table);
        });

当我切换页面时,再次返回。

然后点击按钮再次追加。

然后 div append元素有重复数据

类似缓存附加不刷新元素

如何解决?

1 个答案:

答案 0 :(得分:0)

在追加表之前,清空他的容器:

$$('#div_append').empty()$$('#div_append').html('')