Foro de elhacker.net

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

$('div').click(function() {
    $(this).toggleClass('red');
});
 
if ($('div').hasClass("red")) {
  $("div").addClass('border');
}

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

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

Podes usar los triggers de Jquery, te quedaria algo asi:

$('div').click(function() {
    $(this).toggleClass('red');
    $(document).trigger('claseCambiada');
});
 
$(document).on('claseCambiada',function(){
  if ($('div').hasClass("red")) {
    $("div").addClass('border');
  }
});
 

Gracias! Pero esto no lo puedo usar porque yo no soy la cambia la clase lo hace el plugin, entonces tiene que detectarlo solo

Hola! encontré una solución! Dejo el link por si a alguien le sirve.

http://stackoverflow.com/questions/17172470/how-to-detect-class-changing-by-domattrmodified