Wordpress - 按下按钮时打开弹出窗口

Question

我在.php中有这个代码来检索联系表单：

    echo '<div class="hsk-column4 hsk-agency-inquiry-form">';
    echo hsk_agency_enquiry_form();
    echo '</div>';

使用id="btn-contact"按下按钮时，如何使用联系表单显示弹出窗口？

谢谢。

Answer 1

也许你在谈论模态？应该帮忙......

https://getbootstrap.com/docs/4.0/components/modal/

Answer 2

你可以用jQuery做到这一点

PHP：

<button id="btn-contact">Open Contact</button>

<?php
    echo '<div class="hsk-column4 hsk-agency-inquiry-form">';
    echo hsk_agency_enquiry_form();
    echo '</div>';
?>

jQuery的：

jQuery(document).ready(function( $ ) {
$("body").on("click", function(){
$(".hsk-column4.hsk-agency-inquiry-form").removeClass("active-form");
});

$("#btn-contact").on("click", function(event){
$(".hsk-column4.hsk-agency-inquiry-form").addClass("active-form");
event.stopPropagation();
});

});

CSS：

.hsk-column4.hsk-agency-inquiry-form {
display: none;
}
.active-form {
display: block;
}