javascript - 提交联系表 7 后更改 Div 背景

Question

因此，我正在尝试向容器 (.right-side-product-page) 和 contact 7 表单上的 h2 添加一个类。这是一个链接:

https://nameplicity.com/domains/miningaid/

目标是更改类，使蓝色背景和灰色背景变为白色，但前提是要提交报价。

我尝试添加 CSS 和 JavaScript，但似乎无法正常工作。这是我尝试在 Contact Form 7 插件下的“其他设置”部分中使用的代码:

document.addEventListener( 'wpcf7submit', function( event ) {
if ( '19533' == event.detail.contactFormId ) {
var theDropDown = document.querySelector(".right-side-product-page");
theDropDown.classList.add("MyClass");
}, false );

谁能指出我做错了什么？

Answer 1

您的代码中有一个错误:您在那里缺少一个大括号。

试试这个:

<script>
document.addEventListener( 'wpcf7submit', function( event ) {
    if ( '19533' == event.detail.contactFormId ) {
        var theDropDown = document.querySelector(".right-side-product-page");
        theDropDown.classList.add("MyClass");
    }
}, false );
</script>