Парни, всем привет. Помогите решить задачу. У меня есть кнопка при нажатии на которую у меня должно открываться popup окно.
Вот кнопка:
<a href="#bapi-apartment__modal-window" class="bapi-apartment__room-more-info"
data-post-id="<?php echo $apartment->get_id(); ?>">
<span class="bapi-apartment__more-info"><?php _e( 'MORE INFO', 'bapi' ) ?></span>
</a>
И есть jQuery код который должен открывать окно передавая его в AJAX
Вот он:
function modalMagnificPopup() {
$('.bapi-apartment__room-more-info').magnificPopup({
//Animation fo popup
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in',
callbacks: {
open: function () {
var ajaxConfig = window['bapi_ajax_config'];
var apartmentId = '';
if (!apartmentId) {
return;
}
var data = {
action: ajaxConfig.actions.get_apartment_modal_content,
nonce: ajaxConfig.nonce,
apartment_id: apartmentId
};
$.ajax({
method: 'POST',
url: ajaxConfig.url,
data: data,
success: function (response) {
if (response.status === 'success') {
} else {
this.magnificPopupReady = false;
}
}
});
swiperPopup.update();
}
}
});
}
Не пойму как передать в AJAX атрибуты кнопки и вывести мой popup
Помогите пожалуйста!