Boa tarde,
Estou tentando chamar um modal (bootstrap) utilizando Ajax. Quando clico no botão para excluir um registro o modal aparece normalmente, porém, quando clico em confirmar a exclusão a janela não interage com a ação, só que olhando a tabela o registro foi excluído. Clicando no botão de cancelar o ação o pop-up continua aparece ao invés de desaparecer. Alguém poderia me dizer o que está errado?
Código do menu para excluir o registro
<td>
<div class="btn-group btn-group-sm">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-th-list"></i><span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li><a class="details btn btn-default btn-sm" href="@Url.Action("FormAltera", "Usuario", new { id = u.Id })"> Alterar <i class="glyphicon glyphicon-pencil"></i></a></li>
<li><a class="excluirReg btn btn-default btn-sm " id="@u.Id"> Deletar <i class="glyphicon glyphicon-remove"></i></a></li>
</ul>
</div>
</td>
Script e modal
@section Scripts
{
debugger;
<script src="~/Scripts/App.Paginacao.js"></script>
<script>
var id;
$('.excluirReg').click(function () {
id = $(this).attr('id');
$('.deleteID').val(id)
$("#myModal").modal('show');
});
$('.delete-confirm').click(function () {
if (id != '') {
$.ajax({
url: '/Usuario/DeletarUsuario',
data: { 'id': id },
method: "get",
sucess: function (data) {
if (data) {
if ($('.modal-header').hasClass('alert-danger')) {
$('.modal-header').removeClass('alert-danger').addClass('alert-sucess');
$('.delete-confirm').css('display', 'none');
}
$('.sucess-message').html('Registro excluido com sucesso');
}
}, erro: function (err) {
if (!$('.modal-header').hasClass('alert-danger')) {
$('.modal-header').removeClass('alert-sucess').addClass('alert-danger');
$('.delete-confirm').css('display', 'none');
}
$('.sucess-message').html(err.statusText);
}
});
}
});
$("#myModal").on("hidden.bs.modal", function () {
$(".modal-header").removeClass(' ').addClass('alert-danger');
$('.delete-confirm').css('display', 'inline-block');
$('.sucess-message').html('').html('Tem certeza que de deseja excluir esse registro?');
});
</script>
}
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog" role="document"></div>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dissmiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Confirmar</h4>
</div>
<div class="modal-body">
<p class="sucess-message">Tem certeza de que quer excluir o registro?</p>
</div>
<div class="modal-footer">
<button class="btn btn-success delete-confirm" type="button">Sim</button>
<button class="btn btn-default" type="button" data-dissmiss="modal">Não</button>
</div>
</div>
</div>
</div>
Agradeço a ajuda.