javascript - 使用 ajax 重新加载特定 div 后，Bootstrap 工具提示/弹出窗口停止工作

Question

我有一个 ASP.NET MVC 5 应用程序，其中一个屏幕是通过 Ajax 制作的 CRUD。还有一个表格来显示带有按钮的信息来管理它们。执行操作后，我使用以下命令更新表:$('#tbName').load(location.href + '#tbName'); 但是按钮中的工具提示在命令就像您在下面的 GIF 中看到的那样: /image/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();
});