Quando clicava no item do menu da minha aplicação ela sempre atualizava a página, estou alterando para atualizar via ajax as páginas contudo estou com dificuldades em relação a funções com nomes baseado no evento de classes, exemplo a função delete quando eu clico é chamada a função da página anterior e da página atual. Teria como remover tudo da página anterior? Exemplo: Clico em página de cidade e após clico na pagina Pais, a função Open carrega a index, quando eu clico no botão delete é chamado 2 vezes, sendo a index de cidade nao está mais sendo demonstrada.
function Open(url, descricao) {
// event.preventDefault();
url = '@Url.Content("~/")' + url;
$.ajax({
url: url,
type: 'GET',
success: function (response) {
console.log("s");
$('#principal').html($(response).find('#Conteudo2'));
window.history.pushState("object or string", descricao, url);
},
error: function () {
alert('Ocorreu um erro!');
}
});
}
$(document).on("click", ".btn-delete", function () {
var link = $(this).attr("id");
var removeItemEl = $(this);
confirm("Você tem certeza que deseja excluir o pais registro?",
function () {
$.ajax({
type: "POST",
url: "Pais/delete",
data: {
id: link
},
success: function (data) {
removeItemEl.closest("tr").remove();
},
error: function (data) {
alert("O País já foi utilizado, não é possível deletar o registro!");
}
})
}
, "Confirmação de exclusão");
});