Доброго времени суток, делал систему открытия попапа с информацией именно из того блока на который кликнули. Вроде получилось, но теперь выяснилось, что она нужна только для мобильных устройств. Попытался решить вопрос следующим способом, но не получилось. Помогите пожалуйста, если еще найдете ошибки в коде, вообще буду благодарен :)
$(function(){
var isTouch = document.ontouchstart ? true : false;
if (true) {
$('.adress_place_unit').click(function(event_one) {
$('body').css("overflow-y", "hidden");
$(this).addClass('clicked');
var i_phot = $(".clicked .adress_unit_content").attr('class');
var i_adr = $(".clicked .adress_adress_div .adress_adress").text();
var i_infone = $(".clicked .adress_place_unit_content .adress_info:nth-child(1)").text();
var i_infotw = $(".clicked .adress_place_unit_content .adress_info:nth-child(2)").text();
var i_infoth = $(".clicked .adress_place_unit_content .adress_info:nth-child(3)").text();
$('body').append(`
<div style="" id="overlay"> </div>
<div style=""id="magnify">
<div style="width:90vw; margin:0; height:fit-content;padding: 0 0 2vh 0; border-radius: 16px;" class="adress_place_unit">
<div class="${i_phot}"></div>
<div class="adress_adress_div">
<h4 class="adress_adress">${i_adr}</h4>
</div>
<div class="adress_place_unit_content">
<h4 class="adress_info anek"> ${i_infone} </h4>
<h4 class="adress_info anek"> ${i_infotw} </h4>
<h4 class="adress_info anek"> ${i_infoth} </h4>
<h4 class="adress_info anek">ПСО 600₽</h4>
</div>
</div>
</div>`);
$('#overlay, #magnify').fadeIn('fast');
});
$('body').on('click', '#close-popup, #magnify', function(event_one) {
$('body').css("overflow-y", "scroll");
$('.adress_place_unit').removeClass("clicked");
event.preventDefault();
$('#overlay, #magnify').fadeOut('fast', function() {
$('#close-popup, #magnify, #overlay').remove();
});
});
}
else {
$('.adress_place_unit').click(false);
};
});