Полет товара в фиксированную нижнюю строку
 

Имеется скрипт. Все работает, но некорректно. Верстка адаптивная.


//Полет товара в корзину
$(document).ready(function fly(){
var a = $('#order_submit');
var offset = a.offset();
$(".buy_coffee").click(function(){
$(this).addClass('buy_coffee_active')
$(this).parent().parent()
.addClass('active_product')
$('.active_product').find("img")
.clone()
.css({'position' : 'absolute', 'z-index' : '100', 'border' : 'none', 'outline':'none'})
.appendTo(".buy_coffee_active")
.animate({opacity: 0.7, left: $("a").offset()['left'], top: $("a").offset()['top'],
width: 50,
height: 50,}, 800, function() {
$(this).remove();
});
$(this).removeClass('buy_coffee_active')
$(this).parent().parent().removeClass('active_prod uct')
});
});


под id="order_submit" место куда должна прилетать картинка. Картинка должна вылетать из класса = "buy_coffee_active"

Но-почему-то она всегда летит вниз влево. А мне нужно чтобы она опускалась прямо в кнопку. Как решить?

Stay_Strong,
определять элемент a в клике или что возможно но хуже не $(document).ready а $(window).load
и
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.