Skip to main content

noNo entiendo demasiado de javaScriptjavaScript estoy integrando una funcionalidad simple pero se ejecuta al hacer 2 clicksclicks en el botonbotón como que primero lo tiene que reconocer y luego ejecutar Este.

Este es el codigocódigo de la funcionfunción:

    // 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>```

$(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>

no entiendo demasiado de javaScript estoy integrando una funcionalidad simple pero se ejecuta al hacer 2 clicks en el boton como que primero lo tiene que reconocer y luego ejecutar Este es el codigo de la funcion

    // 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>```

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>

Origen Enlace

funcion de click se ejecuta en dos clicks

no entiendo demasiado de javaScript estoy integrando una funcionalidad simple pero se ejecuta al hacer 2 clicks en el boton como que primero lo tiene que reconocer y luego ejecutar Este es el codigo de la funcion

    // 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>```