1

El inconveniente que tengo que de inicio debo de des-habilitar los botones de arriba y abajo, y que no realiza ninguna función, hasta que se de click en el botón de inicio y habilite los botones y realize las funciones que ya tiene, el problema es que no debo de cambiar las etiquetas (a) por unas etiquetas (button) y como ya le di unas funciones de click a cada botón no me deja realizar ya que buscando vi que para des-habilitarlas es con .bind() pero igualmente realiza la función que ya le había dado en el código.

No se tiene que cambiar de etiqueta a (button).

HTML

<a class='btn-up'><span class='triangle-up'></span></a>
<a class='btn-down'><span class='triangle-down'></span></a>

JQUERY

$(".btn-up").bind("click",false);
$(".btn-down").bind("click",false);

$("#btniniciar").on("click", function(){
    $("#btniniciar").hide();
    $("#btnreiniciar").show();
    $("#masaInputID").prop("disabled",false);
    $("#masaInputID").css("color","white");
    casos(masa);
    updateM(masa);
});
/*BOTON ABAJO*/
var decreaseMasa = document.getElementsByClassName('btn-down')[0];
    decreaseMasa.onclick = function() {
        masa = Math.round(masaInput.value);
        masa = masa - 100;
        if(masa <= 100){
            masa = 100;
        }
        casos(masa);
        updateM(masa);
    };
/*BOTON ARRIBA*/
var increaseMasa = document.getElementsByClassName('btn-up')[0];
    increaseMasa.onclick = function() {
        masa = Math.round(masaInput.value);
        masa = masa + 100;
        if(masa >= 500){
            masa = 500;
        }
        casos(masa);
        updateM(masa);
    };
2
  • Deberias agregar el codigo completo. Te faltan los botones de iniciar y reiniciar, y tambien las variables que tienes en tucodigo que no estan definidas como masaInput.
    – alanfcm
    el 6 ago. 2018 a las 20:26
  • los creas con un atributo disabled y al iniciar les quitas el atributo, algo como esto : stackoverflow.com/a/34267489/1423096 el 6 ago. 2018 a las 20:58

2 respuestas 2

2

Con jQuery puedes realizarlo sin la necesidad de cambiar las etiquetas o sus atributos:

// Una varible que por defecto esta en false
var activos = false;

$("a").click(function (e) {
    // Si los la variable es false, evita que `a` se ejecute normalmente
    if(!activos){
        e.preventDefault();
    }
});

Cuando necesites activar los botones, simplemente estableces la variable a true y los botones funcionaran normalmente

activos = true;
0

algo como esto

function btn1(){
        alert("btn1");
	$("#b2").removeClass("disabled");
	$("#b1").addClass("disabled");
}
function btn2(){
	alert("btn2");
	$("#b1").removeClass("disabled");
	$("#b2").addClass("disabled");
}

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.