引导工具提示/弹出框在使用 ajax 重新加载特定 div 后停止工作

Question

我在 ASP.NET MVC 5中有一个应用程序，其中一个屏幕是通过Ajax制作的CRUD的。还有一个表格显示带有管理信息的按钮。执行操作后，我使用以下命令更新表：$('# tbName'(.load(location.href + '#tbName'(; 但是按钮中的工具提示在命令后停止工作，就像您在下面的 GIF 中看到的那样：
https://i.stack.imgur.com/pwO26.gif按钮代码：

<a href="#" class="btn btn-primary btn-sm waves-effect waves-light" data-toggle="tooltip" title="Editar registro"                                             onclick="getSalario('@salario.Id');">
  <span class="fa fa-edit"></span>
</a>   

Javascript Ajax 代码：

     $.ajax({
      url: '@Url.Action("AtualizaSalarioPessoaFisica")',
      type: 'POST',
      dataType: 'json',
      contentType: 'application/json; charset=utf-8',
      data: JSON.stringify({ salarioPessoaFisica: salario }),
      success: function (data) {
         $('#modalEditarSalario').modal('hide');
         $('#tbSalario').load(location.href + ' #tbSalario');
      }
    });

有人可以帮助我解决这个问题吗？

Answer 1

我解决了在重新加载div 后在回调函数中初始化工具提示的问题。我使用了以下代码：

$('#tbSalario').load(location.href + ' #tbSalario', function () {
    $('[data-toggle="tooltip"]').tooltip();
});