¿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!
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: