在 Gravity Form 内页上时隐藏 Wordpress 页面内容
Hide Wordpress page contents when on Gravity Form inner pages
我有一个多页重力表。我在主题模板中使用 do_shortcode 回应了它。
我在重力形式下方的同一页面上有内容(位于 wp 编辑器内(the_content() 包裹在 div 中,有自己的 class))。
有没有办法让我在重力表的第 2 页或之后隐藏此内容?我仍然希望它出现在 gf 表格的第 1 页。
假设包装 the_content() 的 div 的 class 名称是 "entry-content" 并且您想在表单位于第二页时隐藏它.将以下 jQuery 代码添加到您的主题中,当有人转到第 2 页时,它会隐藏 div。如果他们 return 回到表格的第一页。它将再次显示内容。
<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/
这是对我有用的最终代码:
<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
我有一个多页重力表。我在主题模板中使用 do_shortcode 回应了它。
我在重力形式下方的同一页面上有内容(位于 wp 编辑器内(the_content() 包裹在 div 中,有自己的 class))。
有没有办法让我在重力表的第 2 页或之后隐藏此内容?我仍然希望它出现在 gf 表格的第 1 页。
假设包装 the_content() 的 div 的 class 名称是 "entry-content" 并且您想在表单位于第二页时隐藏它.将以下 jQuery 代码添加到您的主题中,当有人转到第 2 页时,它会隐藏 div。如果他们 return 回到表格的第一页。它将再次显示内容。
<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/
这是对我有用的最终代码:
<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