Tengo un problema con un efecto de jquery en una pagina, en si es una tienda y en la lista de los productos cada imagen tiene un hover, intentamos de muchas formas y la unica que funciono para nosotros y para el cliente tiene el siguiente codigo.
Código PHP:
$(document).ready(function() {
$('#<?php echo 'div_'.$reload_cont; ?>').mouseenter(function() {
console.log('entro2');
var el = $(this);
var timeoutId = setTimeout(function() {
$('#<?php echo 'reloa_'.$reload_cont; ?>').fadeOut(600);
$('#<?php echo 'relo_'.$reload_cont; ?>').fadeIn(600);
}, 500);
$('#<?php echo 'relo_'.$reload_cont; ?>').mouseleave(function() {
clearTimeout(timeoutId);
$('#<?php echo 'relo_'.$reload_cont; ?>').fadeOut(600);
$('#<?php echo 'reloa_'.$reload_cont; ?>').fadeIn(600);
});
});
});
el problema es que al pasar de pagina se ejecuta un Ajax y por alguna razon se pierde el uso de la funcion pero la funcion sigue ahi.
Cuando edito la funcion por el firebug, digamos cambiar el valor de uno de los intervalos, la funcion se activa y queda funcionando para esa imagen en especifico.
Cualquier ayuda sera bienvenida, el link del listado es el siguiente.
http://www.loveclothing.com/jackets-coats-c-1_10.html