Столкнулся с такой проблемой:
Есть несколько <div id="product"></div>, при загрузке выполняется следующий код $('#product').load('/product.html');, загрузка содержимого выполняется только в первый блок, а в остальных пусто.
Как решить?
селектор #product, подразумевает, что элемент имеет id=product, и, так как id должны быть уникальны на странице, выбирается только один элемент.
Поэтому вместо id, стоит использовать class, тогда селектор сменится на .product и будут выбраны все элементы.
Если подгружаются разные данные для каждого div, то так:
$('#product').each(function (index) {
$(this).load('/product.html');
});
Если в каждый блок подгружается один статичный, то так:
$.get('/product.html', function (html) {
$('#product').html(html);
});
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости