[Resuelto] -Dudas de novato(jQuery)

Avatar

Buenas tengo una duda que seguro para muchos de ustedes sera fácil de resolver pero que a mi me esta quebrando la cabeza debido a que soy muy novato en esto de programar. Como consigo que al hacer un segundo click en los botones no se aplique la clase active?

4respuestas
Avatar
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jQuery Events</title>
    <link rel="stylesheet" href="style.css">

</head>
<body>
    <h1>jQuery Events</h1>
    <p>Fundamentos, handlers, on(), off, delgación, triggering</p>
    <div class="target"></div>
    <div class="boxbuttons">
        <a class="buttonblue">Blue</a>
        <a class="buttonred">Red</a>
        <a class="buttongreen">Green</a>
        <a class="buttonplaceholder">Placeholder</a>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="script.js"></script>
</body>
</html>```
Avatar
  $('.target').removeClass('buttonblue buttonred buttongreen buttonplaceholder active')
    .addClass($(this).attr('class'));
    $(this).addClass('active');
    $(this).siblings().removeClass('active');
   })
Avatar

Debes usar toggle en lugar de addClass. No recuerdo como es en jQuery. Debe ser toggleClass seguramente.

Avatar

Me funciono!! Muchas gracias por su ayuda!

Necesitas iniciar sesión para responder.
¿En qué estamos trabajando?
Interfaces gráficas en Java

Interfaces gráficas en Java

Implementa interfaces graficas en tus proyectos con Java