Boa tarde pessoal, estou com a seguinte situação:
Tenho minha página chamada Estoque.html, nela contém os eventos JQueries pertencentes a ela, por enquanto tudo normal, porém nessa página há um botão chamado Filtro que abre um modal e o preenche (com chamada ajax) com conteúdo da página chamada Estoque_filter.html, contudo nela há um evento JQuery que chama outro ajax e faz umas alterações internas na sessão.
Bom meu problema é, toda vez que clico no botão Filtro executo normalmente as tarefas, fecho o modal e clico novamente no botão, o evento JQuery que está na página Estoque_filter.htlm é duplicado, triplicado, etc dependendo de quantas vezes clico para carregar o modal, assim fazendo varias vezes a chamada do segundo ajax mencionado a cima.
Segue exemplo:
Estoque.html
<html>
<head>
</head>
<body>
<button id="filtro">Filtro</button>
<div id="modal" style="display:none;">
</div>
<script type="text/javascript">
$("#filtro").click(function(){
OpenModal('Estoque_filter.html');
});
function OpenModal(url){
$.ajax({
method:"GET",
url: url,
async: true
}).done(function (data){
$("#modal").html(data);
$("#modal").css("display","block");
});
}
</script>
</body>
</html>
Estoque_filter.html
<html>
<head>
</head>
<body>
<button id="altera">Altera Sessão</button>
<script type="text/javascript">
$("#altera").click(function(){
$.ajax({
method:"GET",
url: 'altera_sess.php',
async: true
}).done(function (data){
$("#modal").css("display","none");
});
});
</script>
</body>
</html>