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

Открытие и закрытие корзины

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

Здравствуйте.

Вопрос состоит вот в чем, во всех стандартных темах можно открыть корзину при нажатии стрелки, но не сворачивается при повторном нажатии, закрывается она только при отведении курсора от корзины.

В принципе, можно сделать при наведении/отведении курсора открытие/закрытие корзины.

 

в файле catalog/view/javascript/common.js найти строчку

$('#cart > .heading a').bind('click', function() {

click заменить на mouseenter 

 

 

Но хотелось бы сделать открытие/закрытие при нажатии, а не нажатии и отведении.

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


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

Плохо знаю .js, если заменить код

$('#cart > .heading a').bind('click', function() {$('#cart').addClass('active');$.ajax({url: 'index.php?route=checkout/cart/update',dataType: 'json',success: function(json) {if (json['output']) {$('#cart .content').html(json['output']);}}});$('#cart').bind('mouseleave', function() {$(this).removeClass('active');});});

на вот этот:

$('#cart > .heading a').bind('click', function() {$('#cart').addClass('active');$.ajax({url: 'index.php?route=checkout/cart/update',dataType: 'json',success: function(json) {if (json['output']) {$('#cart .content').html(json['output']);}}});$('#cart').bind('click', function() {$(this).removeClass('active');});});

Поможет ли?

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


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

Никто не знает или я не правильно задал вопрос? :(

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


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

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


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

$('#cart > .heading a').bind('click', function() {

if ($('#cart').hasClass('active') {

//закрываем

$('#cart').removeClass('active')

} else {

//открываем

$('#cart').addClass('active')

}

  • +1 1

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


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

Чукча, вы пропустили 

$.ajax({
url: 'index.php?route=checkout/cart/update',
dataType: 'json',
success: function(json) {
if (json['output']) {
$('#cart .content').html(json['output']);
}
}
});

А так - да, ваш вариант тоже будет работать. Могу ещё два предложить :) 

  • +1 1

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


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

Я не пропустил - я поленился писать дальше.

  • +1 1

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


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

Спасибо, родненькие. Сейчас сделаю :)

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


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

Через .bind, почему-то глючило. Были ошибки, в скобках, убрал. Проверьте, кто разбирается, пожалуйста. Сделал вот так:
Открывается/закрывается при нажатии и скрывается при отведении указателя 

$('#cart > .heading a').live('click', function() {
if ($('#cart').hasClass('active')) {
//закрываем
$('#cart').removeClass('active');
} else {
//открываем
$('#cart').addClass('active');
}

$('#cart').load('index.php?route=module/cart #cart > *');

$('#cart').live('mouseleave', function() {
$(this).removeClass('active');
});
});

Я ставил модуль вот этот, поэтому может немного отличаться. Код не common.js, а в f_i_common.js

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


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

Попробуйте вот так:

$('#cart > .heading a').live('click', function() {
if ($('#cart').hasClass('active')) {
//закрываем
$('#cart').removeClass('active');
} else {
//открываем
$('#cart').load('index.php?route=module/cart #cart > *');
$('#cart').addClass('active');
}

$('#cart').live('mouseleave', function() {
$(this).removeClass('active');
});
});
  • +1 1

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


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

А чем отличается загрузка внутри переменных if/else и после?

И хуже ли использование .live, вместо .bind?

 

Выражаю огромную благодарность deim и chukcha

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


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

Я написал bind, потому что в пример был bind

Сейчас я использую on - так рекомендуют jquery

 

As of jQuery 1.7, the .live() method is deprecated.

 

  • +1 1

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


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

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

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

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

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

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

Войти

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

Войти

  • Последние посетители   0 пользователей онлайн

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

×

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

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