elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Como saber que una clase fue agregada (si esta fue agregada con javascript)
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Como saber que una clase fue agregada (si esta fue agregada con javascript)  (Leído 3,231 veces)
TamZamb

Desconectado Desconectado

Mensajes: 3


Ver Perfil
Como saber que una clase fue agregada (si esta fue agregada con javascript)
« en: 30 Septiembre 2016, 14:51 pm »

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
  1. $('div').click(function() {
  2.    $(this).toggleClass('red');
  3. });
  4.  
  5. if ($('div').hasClass("red")) {
  6.  $("div").addClass('border');
  7. }

Código
  1. .box {
  2.    width: 250px;
  3.    height: 100px;
  4.    border: 1px #000 solid;
  5. }
  6.  
  7. .red {
  8.    background: red;
  9. }
  10. .border {
  11.  border: 6px #000 solid;
  12. }
  13.  

Código
  1. <div class='box'></div>
  2.  


En línea

[u]nsigned


Desconectado Desconectado

Mensajes: 2.397

JS/Node developer


Ver Perfil WWW
Re: Como saber que una clase fue agregada (si esta fue agregada con javascript)
« Respuesta #1 en: 30 Septiembre 2016, 15:13 pm »

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

Código
  1. $('div').click(function() {
  2.    $(this).toggleClass('red');
  3.    $(document).trigger('claseCambiada');
  4. });
  5.  
  6. $(document).on('claseCambiada',function(){
  7.  if ($('div').hasClass("red")) {
  8.    $("div").addClass('border');
  9.  }
  10. });
  11.  


En línea

No hay atajo ante la duda, el misterio se hace aquí...
Se hace carne en cada uno, el misterio es existir!
TamZamb

Desconectado Desconectado

Mensajes: 3


Ver Perfil
Re: Como saber que una clase fue agregada (si esta fue agregada con javascript)
« Respuesta #2 en: 30 Septiembre 2016, 16:36 pm »

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

TamZamb

Desconectado Desconectado

Mensajes: 3


Ver Perfil
Re: Como saber que una clase fue agregada (si esta fue agregada con javascript)
« Respuesta #3 en: 5 Octubre 2016, 10:34 am »

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
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Saber si javascript está activado
PHP
karmany 6 9,438 Último mensaje 8 Enero 2012, 22:51 pm
por ~ Yoya ~
como llamo este metodo que esta en otra clase
Java
mystiic 2 1,981 Último mensaje 10 Marzo 2015, 01:44 am
por mystiic
Epic Games retirará una polémica animación de pechos recién agregada a Fortnite
Noticias
wolfbcn 0 1,066 Último mensaje 28 Septiembre 2018, 14:11 pm
por wolfbcn
como saber si la hora de mi computador fue modificada
Dudas Generales
lawlietkira01 2 3,259 Último mensaje 23 Febrero 2021, 15:56 pm
por lawlietkira01
Compañía israelí de software espía agregada a la lista negra de Estados Unidos
Noticias
El_Andaluz 1 4,628 Último mensaje 5 Noviembre 2021, 18:24 pm
por el-brujo
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines