Question

我的联系表格无效。当我输入错误数据时，一切正常，但是当数据正确时，input fields没有显示。我需要用鼠标点击它们然后开始显示。

这是我到目前为止所尝试的：

$('#submit_btn').click(function() {
        if($('#register').find('.wpcf7-mail-sent-ok').length > 0){
            $('#name-152').val('Full Name').show('slow');
            $('#email-152').val('Email').show('slow');
            $('#phone-152').val('Phone Number').show('slow');
        }
    });

请注意，只有在提交并正确填写表单时才会显示课程.wpcf7-mail-sent-ok。让我感到困惑的是，.find无法找到后代.wpcf7-mail-sent-ok，而且它是后代之一..我已使用console.log();和alert();

这是Wordpress插件 - 联系表格7

有什么想法吗？

Answer 1

“联系表单7”插件作用于提交事件以实现其魔力，例如操纵样式并通过AJAX样式提交替换标准表单提交行为。

由于这可能发生在按钮的click事件之后，可能发生在表单的submit事件上，因此代码运行得太快。

解决此问题的一种方法是使用setTimeout延迟执行代码：

$('#submit_btn').click(function() {
    setTimeout(function () {
        if ($('#register').find('.wpcf7-mail-sent-ok').length) {
            $('#name-152').val('Full Name').show('slow');
            $('#email-152').val('Email').show('slow');
            $('#phone-152').val('Phone Number').show('slow');
        }
    }, 100);
});

输入字段未在提交时显示

1 个答案: