Контактная форма 7: кнопка «Отправить» не работает в Twitter Bootstrap Modal - PullRequest
Новая
       25

Контактная форма 7: кнопка «Отправить» не работает в Twitter Bootstrap Modal

0 голосов
/ 25 января 2019

У меня есть несколько форм на моем сайте, которые загружаются в Bootstrap Modal одним нажатием кнопки. По какой-то причине, когда я пытаюсь отправить формы, ничего не происходит. Я проверил консоль браузера и не могу найти никаких ошибок. Также нет ошибки в файле 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>

Ответы [ 2 ]

0 голосов
/ 25 января 2019

Вам не хватает элемента формы для HTML и введите submit для кнопки, иначе информация не будет отправлена ​​куда-либо.

0 голосов
/ 25 января 2019

Может быть, вы используете 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>

Если проблем с видимостью нет, попробуйте предотвратить закрытие при нажатии кнопки отправки и проверьте, не сработало ли действие кнопки отправки контактной формы.

...