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();
});

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

1 个答案: