[SOLUCIONADO] mouseover y mouseout

[superlopez5]

Buenos dias

Tengo por un lado 45 divs con ids del 1 al 45 (se que no se recomienda nombrar los divs solo con numeros pero de momento no tengo otra opcion), y por otro lado tengo 45 divs nombrados con ids position1, position2,....,position45. cuando pongo el mouse en el div1 se tiene que mostrar el div position1, cuando pongo el mouse en el div 2 se muestra el div position2, etc....

$(document).ready(function() {

for(var i = 1; i < 46; i++){

$("#" + "position" + i).hide();

$("#" + i).mouseover(function(){
$("#" + "position" + i).show();

}).mouseout(function(){
$("#" + "position" + i).hide();
});

}
});

Si pongo este codigo sin el bucle for me funciona perfecto pero a la que pongo el bucle ya no me funciona.

¿Alguien sabría la solución?
Muchas gracias!

[alexg88]

Buenas,

Es un problema muy común en javascript y se produce por no tener claro el ámbito de las variables en javascript.

Te paso un enlace (en inglés) que explica todo sobre esto (incluso el problema que estás teniendo): http://robertnyman.com/2008/10/09/ex...-and-closures/


Puedes encontrar también información en castellano si buscas en google.

Te dejo el código como debería ser para que te funcione:

Código Javascript:

$(document).ready(function() 
{
    for(var i = 1; i < 5; i++)
    {                  
        $("#" + "position" + i).hide();
         
        (function(index)
        {
           $("#" + index).mouseover(function()
                                 {
                                     $("#" + "position" + index).show();
                                 })
            .mouseout(function()
                      {
                          $("#" + "position" + index).hide();
                      });
                     
        })(i);         
    }
});
 

Un saludo.

[superlopez5]

Gracias por la respuesta
Interesante el enlace. Pero sigo sin lograr que funcione...

en los ejemplos del enlace utilizan el return function (), ¿deberia utilzarlo en mi codigo para que funcione?

[superlopez5]

Si que funciona, perdón , tenía un error de sintaxis al copiarlo

Muchas gracias de verdad por su ayuda. leeré más sobre este tema