Necesito ayuda para pulir javascript en sitio web
Muy buenas,
estoy montando un sitio web que me está volviendo un poco loco. Llego hasta donde puedo con toda la parte de jQuery pero no consigo cerrar algunos puntos que seguro que alguien con experiencia lo sabría solucionar facilmente.
Estoy tratando, por medio de media queries y jquery, de hacer un diseño lo más "responsivo"/sensible a diferentes dispositivos, esto es. Que en cada tamaño de ventana tendremos unos comportamientos.
A grandes rasgos, se trata de un portfolio donde existe una barra lateral a la izquierda que al hacer hover en ella aparece la navegación donde existen unos filtros para los trabajos. Una grid con todos ellos y un panel deslizante donde cargo el contenido de estos via ajax.
El trabajo no sería muy complicado, se trataría de ajustar algún detalle de la animación del menú, un problema que hay con el hover una vez filtrados los trabajos y centrar correctamente el contenido de cada uno de estos cuando se carga en el panel deslizante.
Por ejemplo, en el evento load una vez completado lanzo una función que debería de centrar verticalemente este contenido y no lo hace, en cambio cuando se redimensiona la ventana si se calcula correctamente ese espacio. Algo parecido es lo que sucede con el ancho de la barra de navegación.
Aquí un ejemplo del código que utilizo para filtrar los trabajos:
$("#filter-menu a").click(function() {
var cat = $(this).attr("class");
$("#works .thumb").not("."+cat).fadeTo(250, 0.1);
$("#works .thumb").filter("."+cat).fadeTo(250, 1);
$("#filter-menu a").parent().removeClass("active");
$(this).parent().addClass("active");
return false;
});
$("#filter-menu a.none").click(function() {
$("#works .thumb").fadeTo(250, 0.4);
});
Así rápido, lo que hace el filtro, o debería, es que al clicar una categoría los trabajos correspondientes a esta toman opacidad del 100% y el resto del 10% y un botón remueve los filtros. Pues hasta ahí todo ok, pero el problema es que cuando una categoría está filtrada el hover por defecto marcado en la css principal sigue funcionando, con lo cual cuando el usuario pasa el cursor por encima de uno de los trabajos filtrados y destacados, al abandonarlo, este se comporta como en un hover normal y pierde la opacidad de categoría filtrada.
En fin, que estos 3 o 4 detallitos sería mejor verlos para comprenderlos bien. Para una persona con experiencia estoy convencido de que será pan comido.
Así que me gustaría saber si alguien está disponible para echar un par de horitas remuneradas en esto. Llegamos a un acuerdo del precio hora y del tiempo estimado.
Espero que alguien me pueda echar un cable!
Muchas gracias!
jacoborus
Si borras la propiedad del CSS y se la añades en el JS creo que no deberías tener el problema