Добрый день!
Хочу добавить новые объекты в модальное окно, но никак не могу понять как это сделать
Допустим на странице у меня нету определенных названий, как можно выводить их в модальное окно поочередно в теги ?
Вот пример:
const icon = $('.icon-right');
const modal = $('.modal');
$('.move').click(function() {
let imgCat = $(this).parent().find('img').attr('src');
let modalCat = '';
for (let i in obj) {
modalCat += '<div class="modal-item">'
modalCat += '<img src="' + imgCat + '">'
modalCat += '<span class="name-item"></span>'
modalCat += '<span class="remove-item"><i class="fa fa-times" aria-hidden="true"></i></span>'
modalCat += '</div>';
}
if ($('.move').is(this)) {
if (!modal.children().is('.modal-item')) modal.text('Каталог');
} else {
modal.removeClass('show-item').text('Здесь ничего нет');
}
modal.addClass('modal-open').append(modalCat);
setTimeout(function() {
$('.modal-item').addClass('show-item');
}, 80);
})
let nameOneItem = new Item(1, 'Name one');
let nameTwoItem = new Item(2, 'Name two');
Мне нужно, чтобы в модальном окне было что-то типа такого:
<div class="modal-item"><img src="путь к картинке">''<span class="name-item">тут сам объект Name one</span><span class="remove-item"><i class="fa fa-times" aria-hidden="true"></i></span></div>
<div class="modal-item"><img src="путь к картинке">''<span class="name-item">тут сам объект Name two</span><span class="remove-item"><i class="fa fa-times" aria-hidden="true"></i></span></div>
Вот более наглядный пример:
https://codepen.io/Genri_Rus/pen/eajaQo 