Мне нужно отобразить пользовательские данные поста в модальном всплывающем окне, используя Ajax вызов! Данные включают в себя: Пользовательские поля - Контент - Youtube iFrame
Поэтому мне нужен способ загрузки модального контента только при нажатии кнопки
Это похоже на плагин быстрого просмотра для WooCommerce
<div class="col-md-4">
<!-- Button trigger modal -->
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary post-link[post:ID]" data-toggle="modal" data-target="#te[post:ID]">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="te[post:ID]" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
[post:content]
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$.ajaxSetup({cache:false});
$(".post-link[post:ID]").click(function(){
var post_link = $(this).data-target("href");
$("#te[post:ID]").html("content loading");
$("#te[post:ID]").load(post_link);
return false;
});
});
</script>
</div>