.load в несколько блоков

154
30 апреля 2018, 23:44


Столкнулся с такой проблемой:
Есть несколько <div id="product"></div>, при загрузке выполняется следующий код $('#product').load('/product.html');, загрузка содержимого выполняется только в первый блок, а в остальных пусто.
Как решить?

Answer 1

селектор #product, подразумевает, что элемент имеет id=product, и, так как id должны быть уникальны на странице, выбирается только один элемент.

Поэтому вместо id, стоит использовать class, тогда селектор сменится на .product и будут выбраны все элементы.

Answer 2

Если подгружаются разные данные для каждого div, то так:

$('#product').each(function (index) {
    $(this).load('/product.html');
});

Если в каждый блок подгружается один статичный, то так:

$.get('/product.html', function (html) {
    $('#product').html(html);
});
READ ALSO
закрыть последнюю вкладку с#?

закрыть последнюю вкладку с#?

Необходимо закрыть последнюю открытую вкладку, не имеет значение в каком браузере на языке c#Я вижу это так: мы выясняем какой браузер открыт,...

161
Как решить ошибку System.NullReferenceException

Как решить ошибку System.NullReferenceException

При запуске программы на C# (WinForms) Выдает ошибку: "SystemNullReferenceException" Ссылка на объект не указывает на экземпляр объекта

426
Чёрный экран в эмуляторе андроида

Чёрный экран в эмуляторе андроида

Когда я запускаю андроид программу в стандартном эмуляторе xamarin Появляется черный экранПоказывает что, ваш пк не поддерживает Intel

211
Как пользоваться JsonWebSocket из WebSocket4Net?

Как пользоваться JsonWebSocket из WebSocket4Net?

Не могу понять как работает эта часть библиотекиОбычный вебСокет имеет события для приемa сообщений

183