Показать сообщение отдельно
  #8 (permalink)  
Старый 22.06.2014, 21:18
Аспирант
Отправить личное сообщение для xmlns Посмотреть профиль Найти все сообщения от xmlns
 
Регистрация: 30.07.2013
Сообщений: 47

function cart_add(n)
{
    var in_cart = $.cookie( 'bas' );
    var selected = in_cart ? in_cart.split('|') : [];

    selected.push( n );
    $.cookie( 'bas', selected.join('|'), { expires: 1, path: '/'} );
    show_cart_count( selected.length );
    $('<div class=incart>Добавлено</div>').appendTo('#'+n).delay(2000).fadeOut(function() { $(this).remove(); }); //так будет поинтересней =)
}

$(document).ready(function()
{
    $('a.in_bas').click(function() {
        cart_add($(this).attr('href'))
        var o1 = $(this).offset();
        var o2 = $('#st').offset();
        var dx = o1.left - o2.left;
        var dy = o1.top - o2.top;
        var distance = Math.sqrt(dx * dx + dy * dy);
        $(this).closest('.product').find('.image img').effect("transfer", { to: $("#st"), className: "transfer_class" }, distance);	
        $('.transfer_class').html($(this).closest('.product').find('.image').html());
        $('.transfer_class').find('img').css('height', '100%');
        return false;
    });
});

С файлом main.js какие-то проблемы. Из-за него не срабатывает полет или изменение количества. В нем тонна скриптов - ниасилил)))

Без него у меня все работает - картинка летит, количество изменяется.

PS Добавьте 100 товаров в корзину - она станет некрасивой)
PPS У летающей картинки сделайте z-index побольше, а то она вроде летит, и при этом залетает под какой-нибудь другой элемент.
PPPS $('<div class=incart>Добавлено</div>') - я его изначально бы вставил в код страницы и в стилях скрыл бы. А при нажатии на "В корзину" работал бы с show() и hide() (или fadeToggle()), чтобы не насиловать jquery постоянной вставкой и удалением.
PPPPS <a class="in_bas" href="1399792083">В корзину!</a> - в таком случае, а не <a class="in_bas" href="javascript:cart_add('1399792083')"></a>
Ответить с цитированием