No entiendo demasiado de javaScript
estoy integrando una funcionalidad simple pero se ejecuta al hacer 2 clicks
en el botón como que primero lo tiene que reconocer y luego ejecutar.
Este es el código de la función:
$(function () {
// crear estado
$(".agregar-estado").modalForm({formURL: "{% url 'complemento:agregar_estado' %}"});
// actualizar estado
$(document).on('click', '.actualizar-estado', function(){
$(this).modalForm({formURL: $(this).data('id')});
});
// eliminar estado
$(document).on('click', '.eliminar-estado', function(){
$(this).modalForm({formURL: $(this).data('id')});
});
});
El de los botones:
<button class="actualizar-estado btn btn-sm btn-primary" data-id="{% url 'complemento:editar_estado' estado.pk %}">
<span class="fa fa-pencil"></span>
</button>
<button class="eliminar-estado btn btn-sm btn-danger" data-id="{% url 'complemento:eliminar_estado' estado.id %}">
<span class="fa fa-trash"></span>
</button>