Jquery 使联系人表单7触发引导模式

我有一个基于引导的主题，我想要触发的成功消息（即“弹出”）

我试着在我的页面上使用模态示例代码

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
          </div>
          <div class="modal-body">
            ...
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

不幸的是，这并没有产生任何明显的效果。只是正常的成功信息似乎被抑制了（没有显示）

---

我会很感激关于这个主题的任何想法，因为它似乎在任何地方都没有特色

hmm，在其他示例中，我看到有人使用jQuery（），而且“options”参数可能未定义。试试这个：

 on_sent_ok: "jQuery('#myModal').modal()"

---

注：已从联系人表格7.5.0中删除“发送时”和“确定时”和“提交时”。您可以使用DOM事件而不是这些设置。

将此代码放在function.php中，以便在表单提交后显示模式。记住设置您的表单id

 <?php add_action( 'wp_footer', 'mycustom_wp_footer' );
    function mycustom_wp_footer() { ?>
     <script type="text/javascript">
         document.addEventListener( 'wpcf7mailsent', function( event ) {
         if ( '34' == event.detail.contactFormId ) { // Change 123 to the ID of the form 
         jQuery('#myModal').modal('show'); //this is the bootstrap modal popup id
       }
        }, false );
         </script>
       <?php  } ?>

document.addEventListener（'wpcf7mailsent'，函数（事件）{
if（'34'==event.detail.contactFormId）{//将123更改为表单的ID
jQuery（'#myModal'）.modal（'show'）；//这是引导模式弹出id
}
}，假）；

您知道是否发生了javascript错误吗？在chromeThat的it中按F12键检查开发人员控制台！谢谢！

 <?php add_action( 'wp_footer', 'mycustom_wp_footer' );
    function mycustom_wp_footer() { ?>
     <script type="text/javascript">
         document.addEventListener( 'wpcf7mailsent', function( event ) {
         if ( '34' == event.detail.contactFormId ) { // Change 123 to the ID of the form 
         jQuery('#myModal').modal('show'); //this is the bootstrap modal popup id
       }
        }, false );
         </script>
       <?php  } ?>