Bootstrap tooltip/popover перестает работать после перезагрузки определенного div с помощью ajax

Question

У меня есть приложение в ASP.NET MVC 5, в котором один из экранов CRUD выполнен через Ajax. Существует также таблица для отображения информации с кнопками для управления ими. После выполнения действия я обновляю таблицу, используя следующую команду: $ ('# 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(); 
});