Javascript Jquery模式未出现在成功表单提交上

Javascript Jquery模式未出现在成功表单提交上,javascript,php,jquery,Javascript,Php,Jquery,我正在尝试创建一个简单的模式,当用户在我的WordPress站点上成功提交contact-7表单时,该模式将出现。虽然提交成功,但引导模式未出现。可于 我收到的错误如下所示,但我不确定它指的是什么,因为一切似乎都井然有序。我让它工作,但似乎找不到我打破的东西 谢谢你的帮助 Uncaught SyntaxError: Unexpected token '<' 未捕获的语法错误:意外标记' document.querySelector('.close')。addEventListener(

我正在尝试创建一个简单的模式,当用户在我的WordPress站点上成功提交contact-7表单时,该模式将出现。虽然提交成功,但引导模式未出现。可于

我收到的错误如下所示,但我不确定它指的是什么,因为一切似乎都井然有序。我让它工作,但似乎找不到我打破的东西

谢谢你的帮助

Uncaught SyntaxError: Unexpected token '<'

未捕获的语法错误:意外标记'
document.querySelector('.close')。addEventListener('click',
函数(){
document.querySelector('.modal fade').style.display='none';
});

您在第三行到最后一行中编写了querySelector,但没有指定要选择的位置:)

尝试更改此选项:

<script type="text/javascript">

  <?php add_action('wp_footer', 'mycustom_wp_footer');
  function mycustom_wp_footer()
  {
  ?>

    document.addEventListener('wpcf7mailsent', function(event) {
      if ('86' == event.detail.contactFormId) { // Change 123 to the ID of the form 
        jQuery('#submitModal').modal('show'); //this is the bootstrap modal popup id
      }
    }, false);

</script>
<?php  } ?>

document.addEventListener('wpcf7mailsent',函数(事件){
if('86'==event.detail.contactFormId){//将123更改为表单的ID
jQuery('#submitModal').modal('show');//这是引导模式弹出id
}
},假);
为此:

<script type="text/javascript">

  <?php add_action('wp_footer', 'mycustom_wp_footer');
  function mycustom_wp_footer()
  {
  ?>

    document.addEventListener('wpcf7mailsent', function(event) {
      if ('86' == event.detail.contactFormId) { // Change 123 to the ID of the form 
        jQuery('#submitModal').modal('show'); //this is the bootstrap modal popup id
      }
    }, false);

<?php  } ?>
</script>

document.addEventListener('wpcf7mailsent',函数(事件){
if('86'==event.detail.contactFormId){//将123更改为表单的ID
jQuery('#submitModal').modal('show');//这是引导模式弹出id
}
},假);

结束脚本标记应该在PHP函数的外部,因为开始也在外部。发生的情况是,在另一个开口中有一个开口
标记
标记

语法错误将始终告诉您它们所指的确切文件和行。
<script type="text/javascript">

  <?php add_action('wp_footer', 'mycustom_wp_footer');
  function mycustom_wp_footer()
  {
  ?>

    document.addEventListener('wpcf7mailsent', function(event) {
      if ('86' == event.detail.contactFormId) { // Change 123 to the ID of the form 
        jQuery('#submitModal').modal('show'); //this is the bootstrap modal popup id
      }
    }, false);

</script>
<?php  } ?>
<script type="text/javascript">

  <?php add_action('wp_footer', 'mycustom_wp_footer');
  function mycustom_wp_footer()
  {
  ?>

    document.addEventListener('wpcf7mailsent', function(event) {
      if ('86' == event.detail.contactFormId) { // Change 123 to the ID of the form 
        jQuery('#submitModal').modal('show'); //this is the bootstrap modal popup id
      }
    }, false);

<?php  } ?>
</script>