Posted by acobos on July 13, 2012 at 3:56pm
Buenos días, tengo el siguiente planteamiento y no logro que me funcione, es lo primero que intento hacer con jquery en drupal 7 y es algo realmente sencillo, pero no logro hacerlo funcionar:
Agrego al archivo .info:
scripts[] = js/script.js
archivo script.js:
(function($) {
$("div.imagen-noticia").mouseenter(function() {
$(".titulo-noticia", this).stop().animate({top:'100px'},{queue:false, duration:300});
});
$("div.imagen-noticia").mouseleave(function() {
$(".titulo-noticia", this).stop().animate({top:'200px'},{queue:false, duration:300});
});
})(jQuery);
- Las imagenes están dentro de un div con la clase: imagen-noticia
- Los títulos de las noticias están dentro de un div con la clase: titulo-noticia
- cada noticia es un li de la lista de una vista al tipo de contenidos noticias
La ideas es simplemente pasar el título sobre la imagen con una pequeña animación,
Muchas gracias por los aportes
Comments
Cambia el simbolo
Hola.... yo tambien hace tieeeeempo que trabajo con jQuery y drupal, solo cambia el simbolo de dolar "$" por "jQuery" y te va funcionar : D
asi:
jQuery("div.imagen-noticia").bailaMambo();
no olvides el ready de jquery
asi:
jQuery(document).ready(){
lalaalallala
}
Solo a tus scripts propios haces el cambio de simbolo, pero a las librerias q te descargues como "Cycle" no le cambies naaa
No funciona
Gracias, pero no me funciona, es como si no estuviese seleccionando ningún elemento, intenté haciendo un simple alert("cualquier cosa"); con el evento, pero tampoco.
Puedes confirmar que esta
Puedes confirmar que esta cargando tu archivo js/script.js ?
En que ruta fisica lo creaste ?
--
http://jmolivas.com/
@jmolivas
funciona pero problemas con el this
Bueno, sí, ya me funciona, el problema es que cuando le pongo el contexto this:
$(".titulo-noticia", this).stop().animate({top:'200px'},{queue:false, duration:300}); deja de funcionar, solo funciona sin el this:
$(".titulo-noticia").stop().animate({top:'200px'},{queue:false, duration:300});
pero obviamente esto me genera el problema de que me hace el efecto en todos los títulos. , ¿como lo podría poner?
y asi?
$(".titulo-noticia").stop().hover(function(){
$(this).animate({
top:'200px'
});
})