Просьба подсказать, как правильно работать с модальными окнами Semantic UI
имею следующий код:
$('#table tbody').on( 'click', 'i', function () {
var data = empDataTable.row( $(this).parents('tr') ).data();
console.log(data['id']);
$.ajax({
url: '/show_by_id',
type: 'post',
data: {id: data['id']},
success: function(data){
// $('.modal-body').html(data);
$('.modal-body').append(data.htmlresponse);
$('#alaris_id').modal({
transition: 'vertical flip',
blurring: true
}).modal('show');
}
});
} );
<div class="ui modal" id="id">
<div class="modal-body"></div>
</div>
Модальное окно вызывается по нажатию на элемент i
в таблице, на данный момент это работает, но, при вызове следующего окна из таблицы, модальное окно отображает контент предыдущего запроса и текущего последующий вызов отображает также предыдущие элементы,
Просьба, подсказать, как корректно реализовать чтобы модальное окно показывала результат текущего запроса а не все которые были вызваны ранее