Почему после аякса не работает js?

Question

[Максим]

Вот сайтец: yosushi.websecret.by/menu/rolly

Сверху при нажатии выезжает корзина, js работает
После того, как добавляем что либо в корзину, отрабатывает аякс и js больше не работает
Не открывается корзина, ничего уже, хотя дальше могу добавлять аяксов товары в корзину

Грубо говоря после выполнения вот этого куска:

$('*[data-entry_id]').on('click', function(){
	var entry_id = $(this).data('entry_id');
	var quantity = $(this).closest('div.product-footer').find('[name="quantity"]').val();
	
	$.get( "/cart/add/"+entry_id+'/'+quantity, function( data ) { 
		update_cart();	

		$('<div class="f-alert icon-ok">Добавлено в корзину<button class="f-alert-close" title="Закрыть"></button></div>').insertAfter('div.overlay');
	});
	
	return false;
});

Перестает работать остальной js

Comments

[TekVanDo]

Выложите код по клику на корзину

[Максим]

jsfiddle.net/xf4FH
Но это все равно. Слетает весь js, больше никакие события не работают

Попробуйте к примеру удалить из корзины что-нибудь - слетят стили с инпутов

Answer 1

[Юрий Лобанов]

По всей видимости проблема в том, что Вы перестраиваете кнопку корзины, добавляете ее заново, а вызов корзины у Вас $('.header-cart').on('click', function(){
попробуйте вот так:

$('.header-cart-container').on('click', '.header-cart', function(){

Comments

[Максим]

Да, спасибо. Так работает.
Но стили у инпутов слетают в корзине и окошко снизу справа, что добавлено все равно не закрывается. Их я не пересоздаю

Или может как-то логику по другому построить вызова других функций? А то там все через on()

[Юрий Лобанов]

@maximus007 почитайте про делегирование событий. На тостере данный вопрос давно пора добавить в FAQ, задают очень часто.
Я бы мог ответить с высокой долей вероятности исключительно по заголовку, что дело в этом.
Просто почитайте внимательно описание функции on, например вот эту статью ramech.net/courses/jquery-quick/1229.html
Вопрос был поставлен, почему не работает - я Вам ответил, остальные проблемы вполне могут быть и не связаны с on, у Вас могут быть и другие серьезные пробелы в знаниях. Дебажить весь код у меня нет времени, к сожалению.

[Максим]

Вот сейчас вообще отказался от on() в сторону click(). Это не решает я так понял нашу проблему?

[Владислав Килин]

@maximus007 не решает. click(fun) это короткая версия on("click", fun). Послушайте умного человека, почитайте лучше про события в js чем плясать с бубном вокруг проблемы.

[Юрий Лобанов]

@maximus007 просто посидите и поразбирайтесь. Когда я впервые столкнулся с такой проблемой, я чуть не разбил свой ноутбук, а разбираться пришлось без подсказок. У Вас преимущество )
В принципе, Вы можете и плодить вопросы на тостере, сообщество ответит, только вот знаний у Вас не прибавится. Click, как правильно сказал @Quilin ситуацию не исправит.

[Максим]

Я только за) Вот я прочитал, но разницы так и не понял. Возможно с не знаю js на таком уровне, чтобы понять. И вот сижу туплю.
Дайте еще подсказку? Может примеры кода какие наглядные у кого есть?

[Юрий Лобанов]

@maximus007 так у Вас перед глазами пример. Сначала Вы навешивали по простому, потому навешиваете через делегирование и все начинает работать. В первом случае Вы навешали на селектор, во втором - навешали на ближайшего родителя и указали, какой селектор внутри родителя искать. Это если по-простому.
В указанной статье прочитайте все под заголовком «Прямые и делегированные события».

[Владислав Килин]

Если хорошо понимаете английский, гуглите Event Bubbling.

Answer 2

[nSnayp]

Щито это ?

$('<div class="f-alert icon-ok">Добавлено в корзину<button class="f-alert-close" title="Закрыть"></button></div>')

Возможно и не из-за него судя по качеству кода.
А в общем если ошибки не выводит, то дело в логике кода...

Comments

[Максим]

Абсолютно все равно с ним или без