¿Hay alguna forma de restablecer el ESTADO de una aplicación después de cada invocación de la función JQuery Ajax?
Estoy desarrollando una pequeña aplicación: los usuarios hacen clic en un botón para invocar una función. Pero luego, cuando los usuarios quieren hacer clic en otros botones para invocar la misma función, la ID dinámica del primer botón en el que se hizo clic aún persiste, por lo que ya no se pueden abordar otros botones.
Código:
$('#submitComment').on('click', function(){ var id = $(this).data('id'); var thiselement = $(this); $.ajax({ url: 'includes/updateicon.php', type: 'POST', data: {id:id}, dataType: 'html', success: function(data){ if (data) { $('#submitComment').attr("disabled", true); $('#customComment').val(""); $('#updatedicon-'+id).html("DONE").removeClass('badge-danger').addClass('badge badge-success'); # CODE HERE TO RESET THE STATE OF THE APP } else { $('#customContent').load("custom/static/error.html"); } }, error: function(jqXHR, textStatus, errorThrown){ $('#customContent').html("There was an Error about getting the Content:" + errorThrown); } }); });Está buscando elementos basados en ID y los ID deben ser únicos (lo más probable es que esto esté causando su error).
Una solución simple de esto sería:
$('.submitComment').on('click', function(){ var id=$(this).attr('id'); $.ajax({data:{id:id}}); })