Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/05/2013, 07:27
alexg88
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: mouseover y mouseout

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:
Ver original
  1. $(document).ready(function()
  2. {
  3.     for(var i = 1; i < 5; i++)
  4.     {                  
  5.         $("#" + "position" + i).hide();
  6.          
  7.         (function(index)
  8.         {
  9.            $("#" + index).mouseover(function()
  10.                                  {
  11.                                      $("#" + "position" + index).show();
  12.                                  })
  13.             .mouseout(function()
  14.                       {
  15.                           $("#" + "position" + index).hide();
  16.                       });
  17.                      
  18.         })(i);        
  19.     }
  20. });

Un saludo.