es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Puedo hacer clic en la misma clase de glyhicon y alternar entre dos funciones?

¿Es posible hacer clic en un glyphicon y alternar entre dos funciones?
Aquí he declarado un glyphicon de lápiz

var tgtEditLink = document.createElement(“a”);
tgtEditLink.href = “#”;
tgtEditLink.setAttribute(‘aria-label’, ‘Editar’);
var tgtEdit = document.createElement(“i”);
tgtEdit.classList.add(“glyphicon”, “glyphicon-pencil”, “blanco”, “tgt-edit”);
tgtEdit.title = “Editar”;
tgtEditLink.appendChild(tgtEdit);
tgtDragbar.appendChild(tgtEditLink);

Los usuarios pueden hacer clic en esta clase para habilitar la función “editar” en mi aplicación. Luego, quiero poder hacer clic en el mismo glyphicon y desactivar dicha función para habilitar otra.

$(document).on(‘click’, ‘.tgt-edit’, function rearrange() {
$(‘#align-src-col’).sortable(sortableOptionsSrc);

return false;

});

El código anterior permitirá a los usuarios editar su texto.

Quiero poder hacer clic en el lápiz de nuevo, ‘.tgt-edit’, para desactivar la edición y habilitar otra función. ¿Es esto posible en javascript?

¡Gracias!

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Sí, es posible clicar en un glyphicon y cambiar entre dos funciones utilizando JavaScript. Puedes utilizar un escucha de eventos para detectar cuando el glyphicon es cliqueado y luego utilizar una sentencia condicional para determinar qué función ejecutar. Por ejemplo:

    document.querySelector('.tgt-edit').addEventListener('click', function() {
      if (editMode) {
        // ejecuta función de edición
      } else {
        // ejecuta otra función
      }
    });
    

Comments are closed.