Temas

Hola! estoy trabajando en un proyecto y tengo una duda.

El caso es que uso un plugin para javascript y este me agrega una clase en un div y después lo borra de ese y lo cambia a otro. Es plugin es para un slide.

Entonces me gustaría agregar un .load() pero solo en el momento que el div tiene la clase agregada.

Por si no me explico bien:
En ese ejemplo quiero que se agrege la class 'border' pero solo cuando tenga la clase 'red'. Pero claro como javascript solo se ejecuta una vez no identifica el momento exacto que se agrega la clase 'red'.

Alguna idea??

http://codepen.io/TamZam/pen/RGkvRm

Código (javascript) [Seleccionar] Expandir


$('div').click(function() {
    $(this).toggleClass('red');
});

if ($('div').hasClass("red")) {
  $("div").addClass('border');
}

Código (css) [Seleccionar] Expandir


.box {
    width: 250px;
    height: 100px;
    border: 1px #000 solid;
}

.red {
    background: red;
}
.border {
  border: 6px #000 solid;
}


Código (html) [Seleccionar] Expandir


<div class='box'></div>