Então, tenho um botão que é gerado dinamicamente via AJAX.
Eu fiz um evento em jQuery que ao clicar no botão, é executado uma das condições que estão dentro do evento (nos IF e Else If).
Entretanto, o botão só executa um evento por vez. Se eu quiser clicar no botão novamente para ele realizar outro evento, o evento não acontece, ao menos que eu atualize a página.
Deixa eu tentar explicar melhor: Tenho um botão que mostra o Status da atividade, quando eu clico em outro botão "Reabrir Atividade", o status é pra mudar. E se eu clicar no botão "Reabrir Atividade" novamente, é por Status ser alterado novamente. Só que só está acontecendo a mudança uma única vez.
O que deveria acontecer:
Clicou no botão "Reabrir" (Status ia de Concluído para Iniciado), clicou no botão "Reabrir" Novamente (Status ia de Iniciado para Pendente).
Para ocorrer o fato acima, tenha que clicar em "Reabrir", Recarregar a Página, e clicar em "Reabrir" novamente.
Vou mostrar o código e uma imagem do sistema para ver se vocês conseguem ter uma noção.
$(document).on("click",".REABRIRATIVIDADE", function(e){
var sts = $(this).attr('name');
var codigo_empr = $(this).val();
//PASSAR BOTÃO DE CONCLUIDO PARA INICIADO
if(sts == "CONCLUIDO")
{
$("tr#"+codigo_empr+" button.reabriratividade").html("INICIADO");
//andrews//////////////////////////////
$("tr#"+codigo_empr+" button.reabriratividade").css('background-color','rgb(236, 200, 70)');
$("tr#"+codigo_empr+" button.reabriratividade").css('border','1px solid gray');
$("tr#"+codigo_empr+" button.reabriratividade").css('color','royalblue');
$("tr#"+codigo_empr+" button.reabriratividade").css('font-weight','bold');
$("tr#"+codigo_empr+" button.reabriratividade").css('border-radius','5px');
//andrews//////////////////////////////
$("tr#"+codigo_empr+" button.reabriratividade").attr('class', 'btn INICIADO');
var novo_status = "INICIADO";
var reabrir = reabrirAtividade(sts, novo_status, codigo_empr);
$('.REABRIRATIVIDADE').attr('name') = "INICIADO";
}
//PASSAR BOTÃO DE CONCLUIDO_VENCIDO PARA INICIADO_VENCIDO
else if(sts == "CONCLUIDO_VENCIDO")
{
$("tr#"+codigo_empr+" button.reabriratividade").html("INICIADO_VENCIDO");
$("tr#"+codigo_empr+" button.reabriratividade").css('background-color','rgb(196, 95, 49)');
$("tr#"+codigo_empr+" button.reabriratividade").css('border','1px solid gray');
$("tr#"+codigo_empr+" button.reabriratividade").css('color','white');
$("tr#"+codigo_empr+" button.reabriratividade").css('font-weight','bold');
$("tr#"+codigo_empr+" button.reabriratividade").css('border-radius','5px');
//andrews//////////////////////////////
$("tr#"+codigo_empr+" button.reabriratividade").attr('class', 'btn INICIADO_VENCIDO');
var novo_status = "INICIADO_VENCIDO";
var reabrir = reabrirAtividade(sts, novo_status, codigo_empr);
$('.REABRIRATIVIDADE').attr('name') = "INICIADO_VENCIDO";
}
//PASSAR BOTÃO DE INICIADO PARA PENDENTE
else if(sts == "INICIADO")
{
$("tr#"+codigo_empr+" button.reabriratividade").html("PENDENTE");
$("tr#"+codigo_empr+" button.reabriratividade").css('background-color','RoyalBlue');
$("tr#"+codigo_empr+" button.reabriratividade").css('border','1px solid gray');
$("tr#"+codigo_empr+" button.reabriratividade").css('color','white');
$("tr#"+codigo_empr+" button.reabriratividade").css('font-weight','bold');
$("tr#"+codigo_empr+" button.reabriratividade").css('border-radius','5px');
$("tr#"+codigo_empr+" button.reabriratividade").attr('class', 'btn PENDENTE');
var novo_status = "PENDENTE";
var reabrir = reabrirAtividade(sts, novo_status, codigo_empr);
$('.REABRIRATIVIDADE').attr('name') = "PENDENTE";
}
else if(sts == "INICIADO_VENCIDO")
{
$("tr#"+codigo_empr+" button.reabriratividade").html("VENCIDO");
$("tr#"+codigo_empr+" button.reabriratividade").css('background-color','rgb(165, 42, 42)');
$("tr#"+codigo_empr+" button.reabriratividade").css('border','px solid gray');
$("tr#"+codigo_empr+" button.reabriratividade").css('color','white');
$("tr#"+codigo_empr+" button.reabriratividade").css('font-weight: bold;','bold');
$("tr#"+codigo_empr+" button.reabriratividade").css('border-radius','5px');
$("tr#"+codigo_empr+" button.reabriratividade").attr('class', 'btn VENCIDO');
var novo_status = "VENCIDO";
var reabrir = reabrirAtividade(sts, novo_status, codigo_empr);
$('.REABRIRATIVIDADE').attr('name') = "VENCIDO";
}
});
function reabrirAtividade(sts, novo_status, codigo_empr)
{
$.ajax
({
url:"banco/pagina-minhas-tarefas/reabrir-atividades.php",
type:"POST",
data:{sts:sts, novo_status:novo_status, codigo_empr: codigo_empr},
async:false
}).done(function(data)
{
}).fail(function()
{
}).always(function()
{
});
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<?php
date_default_timezone_set('America/Sao_Paulo');
// CHAMANDO O ARQUIVO DE CONEXÃO AO BANCO
require_once("../conexao/conexao-com-banco.php");
//CONSULTA NO BANCO QUE MUDA O STATUS NO BANCO DE DADOS
session_start();
$usuario_reabrir_atividades = $_SESSION["nome"];
$sts = $_POST['sts'];
$novo_status = $_POST['novo_status'];
$codigo_empr = $_POST['codigo_empr'];
if($sts == "CONCLUIDO" OR $sts == "CONCLUIDO_VENCIDO")
{
$inserir_abrir_atividade = "UPDATE tbl_atividades SET STATUS = '{$novo_status}', DT_FIM = null WHERE codigo = $codigo_empr";
$resultado_inserir_abrir_atividade = mysqli_query($conecta, $inserir_abrir_atividade);
}
else if($sts == "INICIADO" OR $sts == "INICIADO_VENCIDO")
{
$inserir_abrir_atividade = "UPDATE tbl_atividades SET STATUS = '{$novo_status}', DT_INICIO = null WHERE codigo = $codigo_empr";
$resultado_inserir_abrir_atividade = mysqli_query($conecta, $inserir_abrir_atividade);
}
//SEGURANÇA - TESTANDO SE A QUERY FOI EXECUTADA
if(!$resultado_inserir_abrir_atividade)
{
die("Erro no Inserte do Reabrir Atividade");
}
?>
Espero ter conseguindo explicar legal. Obrigado!