Перейти к содержанию
BeTep2

[Решено?..] Плавное открытие мини корзины

Рекомендуемые сообщения

Всем привет. Хочу реализовать плавное открытие\закрытие корзины на главной. В javascript полный ноль.
Стоит дефолтная корзина.
Вот код comon.js:
 

	$('#cart > .heading a').live('mouseenter', function() {
		$('#cart').addClass('active');
		
		$('#cart').load('index.php?route=module/cart #cart > *');
		
		$('#cart').live('mouseleave', function() {
			$(this).removeClass('active');
		});
	});

Пробовал добавлять задержку к addClass и removeClass но выглядит это ужасно.
По скольку, само появление реализовывается чем что без класса active блок content - display: none;, пробовал реализовать через команду FadeIn и FadeOut. Получилось вот так:
 

	$('#cart').live('mouseenter', function() {
		$('active').fadeIn(slow);
		
		$('#cart').load('index.php?route=module/cart #cart > *');
		
		$('#cart').live('mouseleave', function() {
			$('active').fadeOut(slow);
		});
	});

В чем ошибка с этой командой? И как вы у себя реализовывали это?

 

ЗЫ. смотрел эту тему, но решение там - с ошибкой.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

transition css вам в помощь, без всяких fadein-out

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Если так,то скопируйте кусок в common.js

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

transition css вам в помощь, без всяких fadein-out

Пробовал. Из-за двойной цепочки изменяемых классов запутался. Вставлял в #cart:

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

 

 

Если так,то скопируйте кусок в common.js

 

 

Благодарю! Только он пропадает справо-налево, а не снизу-нверх. В коде не заметил как это реалиовано, не подскажете?

Код:

 

$("#cart").hover(function(){
$('#cart .content').add("#cart .content").load('index.php?route=module/cart .content > *').stop(true,true).show('slow');
$('#cart').addClass('active');
},function(){$('#cart .content').stop(true,true).hide('fast');
$(this).removeClass('active');});

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От kanasahanov
      Здравствуйте. При изменении количества товара в корзине нужно нажать на кнопку обновить и страница перезагружается. Подскажите пожалуйста приблизительный алгоритм как можно реализовать этот функционал БЕЗ перезагрузки страницы. чтобы можно было ввести новое количество, нажать кнопку и обновилась итоговая цена заказа. заранее спасибо за ответы
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.