bootstrap 模式关闭后重置忍者表单字段

Question

我里面有忍者形态的模态：

<!-- Modal -->
<div class="modal fade" id="vakancesModal" tabindex="-1" aria-labelledby="vakancesModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body sazinaties-ar-mums-form">
    <?php echo do_shortcode('[ninja_form id=5]') ?>
            </div>
        </div>
    </div>
</div>

我想要使用 jquery 或 javascript

的模态关闭重置表单

$('#vakancesModal').on('hidden.bs.modal', function(e) {
 
//nija form reset js or jquery

});

Ninja 表单文档很差，所以我找不到任何重置表单的解决方案...

Answer 1

jQuery('#vakancesModal').on('hidden.bs.modal', function (e) {
     //nija form reset js or jquery
     jQuery('#nf-form-5-cont form').attr("style", "display: inline !important");
     jQuery('.nf-response-msg').attr("style", "display: none !important");
});

bootstrap 模式关闭后重置忍者表单字段

Reset ninja form fields after bootstrap modal close

wordpress

twitter-bootstrap

ninja-forms