使用Ajax更改内容后如何制作可编辑内容

Question

我正在使用Ajax重新加载表的内容，并使用ListJs进行搜索和排序，并使用按钮“刷新”标签（不是标签）之类的内容，主要思想是制作一个{{1} }可编辑，如果用户单击该按钮即可使用<td>（请参见代码），但是如果我切换到其他标签，则即使返回上一步也无法编辑dinamicHtml的内容标签。这是我的代码，第一个是使可编辑的内容作为输入（因为我想将编辑内容保存/上传到服务器），第二个是Ajax，每次用户按下“按钮/标签”时都将加载：

<td>

最后一个是ListJ的设置。

$('.tabs__menu li.unpublised').click(event => {
  ajaxFunction('URL');
});

var dinamicHtml = function(){

    this.insertInput = function($parent, type, className){
        var value = $parent.text();
        $parent.empty();
        var input = $('<input type="' + type +'" class="' + className +'" value="' + value +'" />');
        $parent.append(input);
        $parent.find('input').focus();
    };

    this.removeInput = function($input){
        var value = $input.val();
        if ($input.hasClass('price-editor')) {
            $input.parent().attr('data-value', value);
        }
        $input.parent().html(value);
    };
}

function ajaxFunction(url) {
  $('.tab-container').empty();
  let loading = new loadingOverlay('Cargando productos...');
  $.ajax({
    url: url,
    type: 'GET',
  }).done(function(resp) {
    $('.tab-container').html(resp);
    loading.unload();
    let productList = new List('low-turnover', options);
  });
}