Невозможно анимировать изображения с помощью jquery

-2

Не знаю, не хватает ли я чего-то obvieouse, но, я думал, вы можете анимировать изображения в jquery? В основном я хочу добиться чего-то подобного http://jsfiddle.net/Qm2FG/, но с ценниками на этом сайте http://nagomedia.blackflow.pl.Невозможно анимировать изображения с помощью jquery

источник

2012-01-13 Michał Korzeniowski

Да, это возможно. Что вы пробовали? С чем вы столкнулись? – SLaks

Как я писал, я пытаюсь анимировать ценники http://nagomedia.blackflow.pl. но не повезло ... –

Что вы пробовали? С чем вы столкнулись? – SLaks

Ну вы просто использовать код, который вы связаны в вашем вопросе, но вы должны выбрать правильные элементы в вашем HTML-документе:

$('.content').children('.main').children().hover(function() { 
    $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);    
}, function() { 
    $(this).stop(true, true).animate({ top :"+=0.45em" }, 150); 
});

Когда я отправляю этот код в моей консоли разработчика на вашем сайте, ваши теги начинают анимацию, когда я навис над ними.

Обратите внимание на использование .stop(), которое полезно при использовании модификаторов -= и +=.

UPDATE

Вам нужно либо положить JS в конце вашего HTML-документа (мой личный фаворит) или поместить код в document.ready обработчика событий. Ваш код пытается привязать к элементам, которые еще не существуют, поэтому привязка не происходит.

$(function() { 
    $('.content').children('.main').children().hover(function() { 
     $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);    
    }, function() { 
     $(this).stop(true, true).animate({ top :"+=0.45em" }, 150); 
    }); 
});

Мне нравится помещать код JS в конце моих HTML-документов, чтобы они не блокировали отображение страницы. CSS идет в <head>, поэтому он доступен для правильного оформления документа, а JS размещается внизу для запуска после установки DOM.

источник

2012-01-13 19:18:02 Jasper

Я понятия не имею, почему это не работает ... –

@ MichałKorzeniowski Вам нужно либо поместить свой JS в конец вашего HTML-документа (мой личный фаворит), либо поместить код в обработчик события document.ready. Ваш код пытается привязать к элементам, которые еще не существуют, поэтому привязка не происходит. Проверьте мой ответ на обновление. – Jasper

Спасибо за ваше время и терпение :) –

Невозможно анимировать изображения с помощью jquery

ответ

Смежные вопросы