WordPress的联系我们7不代码不起作用

Question

我想在发送消息后隐藏联系表格。 经过一些研究，我发现我必须在“其他设置”字段中添加额外的代码。

我找到了一个简单的解决方案：

on_sent_ok: "document.getElementById('asaphide').style.display = 'none';"

但是不推荐使用。

然后，我尝试了他们网站上的以下代码：

var wpcf7Elm = document.querySelector( '.wpcf7' );

wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
    alert( "Fire!" );
}, false );

但是它也不起作用。 我该怎么办？

Answer 1

将事件侦听器添加到文档中，如下所示：

document.addEventListener( 'wpcf7submit', function( event ) {
    alert( "Fire!" );
}, false );

或者像in the docs一样，在放置此表单的地方创建一个div：

  

请注意，事件目标（示例中为wpcf7Elm）不是表单   元素，但其父div元素具有wpcf7类。