聯系表格7：“提交”按鈕在Twitter Bootstrap Modal中不起作用

Question

我的網站上有多個表單，單擊一下按鈕即可將其加載到Bootstrap模式中。 由於某些原因，當我嘗試提交表單時，沒有任何反應。 我已經檢查了瀏覽器控制台，找不到任何錯誤。 在error_log文件中也沒有錯誤。

下面的代碼是我的表格所需要的。 我做錯什么了嗎？

編輯：我已經測試了另一種形式，並且似乎沒有在模式中加載javascript / jquery。

<button type="button" class="application_button button" data-toggle="modal" data-target="#jobapplyform">
    <?php esc_attr_e( 'Apply for job', 'wp-job-manager' ); ?>
</button>

<div class="modal fade" id="jobapplyform" tabindex="-1" role="dialog" aria-labelledby="jobModalLabel" aria-hidden="true">                             
    <div class="modal-dialog" role="document">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close-btn-modal" data-dismiss="modal" aria-label="Close">
                    <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/close-icon.png"/>
                </button>
                <h2 class="modal-title" id="jobModalLabel">Apply</h2>
            </div>                                   
            <div class="modal-body">
                <div class="application_details">
                    <?php echo do_shortcode('[contact-form-7 id="5096" title="Claim This Profile"]'); ?>
                </div>
            </div>                                 
        </div>
    </div>                               
</div>

Answer 1

可能是您正在使用bootstrap4。

請嘗試以下代碼

    <!-- The Modal -->
 <!-- Button to Open the Modal -->
  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#jobapplyform">
    Open modal
  </button>
    <div class="modal" id="jobapplyform">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Modal Heading</h4>
                    <button type="button" class="close-btn-modal" data-dismiss="modal" aria-label="Close"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/close-icon.png"/></button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <div class="application_details">
                        <?php echo do_shortcode('[contact-form-7 id="5096" title="Claim This Profile"]'); ?>
                    </div>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>

            </div>
        </div>
    </div>

如果沒有可見性問題，那么請嘗試防止在提交按鈕時關閉，並檢查是否觸發了聯系表單提交按鈕操作。

Answer 2

您缺少HTML的表單元素，並為按鈕鍵入提交，否則信息將不會發送到任何地方。