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