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

[prosp]

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

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

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

 

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

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

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

 

 

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

[prosp]

Плохо знаю .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');});});

Поможет ли?

[prosp]

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

[deim]

Знаем-с, ваш вариант вам не поможет.

Попробуйте вот это http://jquery.page2page.ru/index.php5/%D0%9F%D0%BE%D0%BE%D1%87%D0%B5%D1%80%D0%B5%D0%B4%D0%BD%D0%BE%D0%B5_%D0%B2%D1%8B%D0%BF%D0%BE%D0%BB%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5_%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D0%B9

[chukcha]

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

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

//закрываем

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

} else {

//открываем

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

}

[deim]

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

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

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

[chukcha]

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

[prosp]

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

[prosp]

Через .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

[deim]

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

$('#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');
});
});

[prosp]

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

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

 

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

[chukcha]

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

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

 

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