[
{
imgPreview: "Ссылка на картинку",
textTitle: "Заголовок",
textSmall: "Текст"
},
{
imgPreview: "Ссылка на картинку",
textTitle: "Заголовок",
textSmall: "Текст"
},
{
imgPreview: "Ссылка на картинку",
textTitle: "Заголовок",
textSmall: "Текст"
}
]function wrapDataToGalleryBlock(obj) {
return '<div class="gallery-block">' +
'<a class="grouped_elements" rel="group1" href="'+obj.imgPreview+'"> ' +
'<img src="'+obj.imgPreview+'" alt=""/><i class="fas fa-search"></i></a> ' +
'<div class="gallery-block-desc"> ' +
'<h4 class="gallery-block-desc__title">'+obj.textTitle+'</h4> ' +
'<p class="gallery-block-desc__small">'+obj.textSmall+'</p> ' +
'</div> ' +
'</div> ';
}$("#portfolio .our-block__ul li").click({
let id = $(this).attr("id"); // получили id кнопки, на которую нажали
// далее берем данные, соответствующие нажатой кнопке и обертываем в блоки как в галерее
$(".gallery").append(blocksWithNewData); // добавляеем в конец галереи новые блоки
});$(function() {
$('.add-job-button')
.click(function() {
$('.left h4').remove(); // вероятно требуется написать после проверки, если удалять элемент нужно лишь когда заполнен текст
var inputVal = $('.input-name').val();
var inputVal2 = $('.input-description').val();
if(inputVal.length == 0 || inputVal2.length == 0){
return;
}
$('.left').append('<div class="added-job">' +
'<h3>' + inputVal + '</h3>' +
'<input type="image" class="delete-job" name="delete-job" src="delete.png"></input>' +
'<p>' + inputVal2 + '</p>' +
'</div>');
$('.input-name').val('');
$('.input-description').val('');
});
});
job oracle - планировщик заданий в оракле.