Почему с блоками, которые я загрузил через .load() не работают скрипты?

Question

[twentytvvo]

Необходимо загружать блоки через load ( ajax фильтры ), я не понимаю почему, но на этих блоках потом не работают скрипты, я не могу к примеру нажать на "добавить в корзину" и добавить в итоге, просто потому что этот блок я загрузил. И еще я пробовал функции с кликом и тд перемещать в конец и я пробовал простые фукнции типа alert();.

Comments

[Rerurk]

Я вам помогу чуть чуть. Код нужно показать

[twentytvvo]

Rerurk, спасибо большое, скину небольшой, но основной участок

function searchAjax(n) {

	var parseName = n;

	$('.header_search .catalog_container').load('/search?view=ajax&type=product&q='+ parseName + ' .catalog_wrap');

	$('.header_search .catalog_container').delay(1000).removeClass('loading');
	
}

// потом после подгрузки, это не работает по отношению к елементу в блоке

$( ".product_add_to_cart" ).on( "click", function() {
console.log("something");
});

[twentytvvo]

Rerurk, я догадываюсь в чем дело, может быть это связано с тем что скрипт не проиндексировал загруженные элементы, но ума не приложу что делать и хотелось бы какое то простое решение, локальное

[YavaDev]

$(document).on( "click", ".product_add_to_cart", function() {
  console.log("something");
});

[twentytvvo]

YavaDev, спасибо, работает на ура!

[Вадим]

twentytvvo, https://learn.javascript.ru/event-delegation

[Вадим]

YavaDev, Напишите в ответы и тогда я или twentytvvo отметим решением для удобства других пользователей сервиса.

[YavaDev]

Вадим, готово

Answer 1

[YavaDev]

Делегирование событий на jQuery:
https://api.jquery.com/event.delegateTarget/ - документация jQuery
https://webref.ru/dev/jqfundamentals/events - статья на русском

$(document).on( "click", ".product_add_to_cart", function() {
  console.log("something");
});