jQuery fadeTo no afecta a todos los <div>

glolg #1 Jul '12

Buenas,
Estoy haciendo un proyecto personal donde puedo ir publicando entradas, bien, con un while ataco a la bd y extraigo las entradas existentes donde se irán creando los <div id="entradas">.
El problema viene cuando quiero darle el efecto fadeTo con jQuery
Este es el código que tengo de jQ:

$(document).ready(function(){
  $('#entradas').mouseover(function(){
	$('#entradas').fadeTo(500,0.99)
  });
  $('#entradas').mouseout(function(){
	$('#entradas').fadeTo(500,0.50)
  });
});

Funciona pero solo con el primer div, a pesar de tener todos la misma etiqueta.

catalon #2 Jul '12 Inocente

#1 El id es un identificador unico asi que solo puede haber un div con esa etiqueta. Para hacer lo que quieres hacer tienes que hacerlo por clase en lugar de id.

1 1 respuesta

seche #3 Jul '12

Buenas
Creo que al ser ID te lo toma como unico por lo tanto te pillará el primer div, para evitar esto te aconsejo que lo pongas como clase

<div class="entradas">
$(".entradas).mouseover...

Saludos

1 respuesta

glolg #4 Jul '12

#2 #3 lo había hecho con id con esa intención, ya que con class afecta a todos, pero a todos a la vez, y mi intención es que cambie la opacidad del que está seleccionado

1 respuesta

catalon #5 Jul '12 Inocente

#4 eso se dice antes

$(document).ready(function(){
  $('.entradas').mouseover(function(){
        $(this).fadeTo(500,0.99)
  });
  $('.entradas').mouseout(function(){
        $(this).fadeTo(500,0.50)
  });
});

Al poner this en lugar de #entradas te deberia de ir. De todos modos hazlo como clase no como id.

1 respuesta

glolg #6 Jul '12

#5 rectifico no había leio bien
Funciona, te has regalado!

jQuery fadeTo no afecta a todos los <div>

Usuarios habituales

Tags