在Gravity Form内页面上隐藏Wordpress页面内容

时间:2017-07-20 15:50:29

标签: wordpress gravity-forms-plugin

我有一个多页重力表格。我在主题模板中使用do_shortcode回应了它。

我在重力形式下面的同一页面上有内容(它位于wp编辑器内部(包含在具有自己类的div中的the_content())。

我有没有办法在重力表单的第2页或更高版本中隐藏此内容?我仍然希望它出现在gf表单的第1页。

2 个答案:

答案 0 :(得分:1)

以下是对我有用的最终代码:

<script type="text/javascript">
    jQuery(document).bind('gform_post_render', function(event, form_id, current_page){
        jQuery('.page-content').toggle(current_page == 1);
    });
</script>

我把它放在header.php

答案 1 :(得分:0)

让我们说包装the_content()的div的类名是&#34; entry-content&#34;并且您希望在表单位于第二页时隐藏它。将以下jQuery代码添加到您的主题中,当有人转到第2页时,它将隐藏该div。如果他们返回到表单的第1页。它将再次显示内容。

<script type="text/javascript">// <![CDATA[
jQuery(document).bind('gform_page_loaded', function(event, form_id, current_page){
    if(current_page == "1"){
      jQuery('.entry-content').show();
    } else {
      jQuery('.entry-content').hide();
    }
});
// ]]></script>

如果您想要显示内容,即使他们回到第1页,您也可以使用以下代码。

<script type="text/javascript">// <![CDATA[
jQuery(document).bind('gform_page_loaded', function(event, form_id, current_page){
      jQuery('.entry-content').hide();
});
// ]]></script>

文档:https://www.gravityhelp.com/documentation/article/gform_page_loaded/