wordpress - 将容器添加到重力形式部分，而不是“页面”，而不是“部分”中断

Question

我正在寻找一种在页面上拥有一个重力表单的方法，但将其分成多个部分，然后使用 jQuery 显示/隐藏部分。我对部分的显示和隐藏很满意，但我需要以下方面的帮助：

如何在一组 Gravity 表单字段周围放置一些可引用的元素，以便我可以将它们定位为在块中显示/隐藏。

内置的“页面”功能实际上会重新加载 Wordpress 页面以显示第二组字段。我的设计师一直坚持这种形式是平滑的、一页的、褪色和酸味的。

干杯，本

Answer 1

您可以定位使用 jQuery 创建的 li 的 Gravity Forms 并隐藏它们。然后单击按钮，您可以再次显示它们。这没有动画，它只是隐藏/显示。如果你愿意，你可以添加一些动画，比如淡入。

显然，您需要更改#field_1_1and#field_1_2以匹配要隐藏/显示的 li 上的 ID 以及 click 函数的 ID。您可以在其中放置任意数量的内容，只需用逗号分隔即可。

这对您来说是一个快速简便的解决方案。让我知道这个是否奏效。

<script type="text/javascript">
    jQuery(document).ready(function() {

        jQuery('#field_1_1, #field_1_2').hide();

        jQuery('#idOfClickElement').click(function() {
            jQuery('#field_1_1, #field_1_2').show();
        });

    });
</script>

我确定你知道在你的主题文件中把这段代码放在哪里，但如果不知道，把它包含</head>在 header.php 的结束标记之前或</body>footer.php 的结束标记之前。