Как сделать для элемента click и mouseover ?

Question

[Andrian Prytula]

Нужно чтобы при наведении показывался блок, корзины а при клику она открывалась, но когда я подключаю mouseover, клик не работает.
Как заставить все работать?

Comments

[Andrian Prytula]

Получился вот такой код, но сейчас проблема в том, что mouseover срабатывает один рас и больше не работает.
$( "#cart > .heading a" ).bind({
click: function() {
url = $('base').attr('href') + 'index.php?route=checkout/cart';
location = url;
},
mouseover: function() {
$('#cart').addClass('active');

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

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

Answer 1

[Виталий Киренков]

Я бы вам рекомендовал все перевести на .on()
А функция live - она уже не рабочая (deprecated)
Попробуйте как то так:

$( "#cart > .heading a" ).on({
	click: function() {
		url = $('base').attr('href') + 'index.php?route=checkout/cart';
		location = url;
	},
	mouseover: function() {
		$('#cart')
			.addClass('active')
			.load('index.php?route=module/cart #cart > *');
	},
	mouseleave: function(){
		$('#cart').removeClass('active');
	}
});

Comments

[Andrian Prytula]

снова кажется обработчик удаляется, mouseover срабатывает только один раз, и больше не работает до перезапуска страницы

[Виталий Киренков]

покажите страницу целиком. Что у вас консоль говорит? И в load у вас ссылка какая то странная

[Andrian Prytula]

@DeLaVega Консоль ничего не показывает, с load все хорошо, это так в движке было.
Вот страница целиком quicklife.com.ua/index.php?route=common/home

[Виталий Киренков]

codepen.io/vitaliy_kirenkov/pen/JLhBg

сравните с наброском кода.

Answer 2

[Roman Zhak]

$( "#foo" ).bind({
  click: function() {
    // Do something on click
  },
  mouseover: function() {
    // Do something on mouseover
  }
});

Comments

[Andrian Prytula]

Получился вот такой код, но сейчас проблема в том, что mouseover срабатывает один рас и больше не работает.
$( "#cart > .heading a" ).bind({
click: function() {
url = $('base').attr('href') + 'index.php?route=checkout/cart';
location = url;
},
mouseover: function() {
$('#cart').addClass('active');

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

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

[Roman Zhak]

@AndrianPrytula обработчик, видимо, удаляется

[Andrian Prytula]

@zhak55 подскажите как исправить, я в javascript слабоват