我有一个多页表格。
我想在此表单的最后一页上执行一些自定义JavaScript。从理论上讲,我所要做的就是检索当前页码并编写条件。
简单吧?显然不是。
我原来的解决方法是这样的:
if ($('gform_page').last().css('display') !== 'none') {
// perform custom scripts now that the last
// Gravity Form page is being shown
}
但$('...').css('display')
返回undefined
我在表格中尝试过的每个元素。每次用户点击“下一步”按钮时,都会触发自定义脚本。没有雪茄。
然后,在回顾the Gravity Forms documentation之后,我发现了两个有用的事件:gform_post_render
和gform_page_loaded
。
但是,文档未提供有关如何访问参数的说明。
jQuery(document).bind('gform_page_loaded', function(event, form_id, current_page){
console.log(current_page);
// returns nothing when loaded in the footer
// returns [Object, object] when placed in an HTML field in the form
});
除了没有正确的代码之外,我还怀疑我没有正确的代码,因为我还在functions.php和header.php(as the documentation suggests)中尝试了以下内容:
<?php
function enqueue_custom_script($form, $is_ajax){
if ($is_ajax) :
echo '<script>console.log(current_page);</script>';
endif;
}
add_action("gform_enqueue_scripts", "enqueue_custom_script", 10, 2);
?>
我需要什么代码来检索当前页码,更重要的是,我在哪里放置该代码?
我知道了。
显然,函数rgpost
在访问当前页码时至关重要。经过我自己的一些混乱之后,我能够在functions.php和header.php中的wp_head()函数之前获得以下代码。
function run_script_on_last_page($form) {
if (!is_admin()) {
$current_page = rgpost('gform_source_page_number_' . $form['id']) ? rgpost('gform_source_page_number_' . $form['id']) : 1;
if ($current_page == 10) {
wp_enqueue_script('custom_script', get_template_directory_uri() . '/js/custom_script.js', array('jquery'), null, true);
}
}
}
add_action('gform_enqueue_scripts_63', 'run_script_on_last_page');
如果您要复制/粘贴上述代码,请务必:
10
替换为您要检查的页面wp_enqueue_script
中是正确的63
我认为有用的一些资源:
gform_validation
gform_enqueue_scripts
的文档。OP接受的答案可能会有效,但是如果您使用Ajax进行分页表单设置则不起作用。
在这种情况下,我只能使用Javascript和以下方法工作;
http://www.gravityhelp.com/documentation/page/Gform_post_render
jQuery(document).bind('gform_post_render', function (event, formId, current_page) {
if (current_page == 2) {
// do something
}
});
您当然可以使用formId
参数将其限制为特定形式
我写了一个返回当前页面的小函数:
// Get Gravity Forms Current Page
// Syntax: gf_current_page()
function gf_get_current_page()
{
return rgpost('gform_source_page_number_' . $_POST['gform_submit']) ? rgpost('gform_target_page_number_' . $_POST['gform_submit']) : 1;
}
除了接受的答案之外,这里是一个查找当前页面并动态查找表单中有多少页面的示例。此示例根据是否是表单的最后一页更改按钮文本,而不是将脚本排入队列。
// Change the text of the 'Next' form button to 'Submit' when
// the current page is the final page of the form
add_filter( 'gform_next_button', 'next_to_submit', 10, 2 );
function next_to_submit( $next_button, $form ) {
$replacement_next_button = $next_button;
$last_page_number = 1;
foreach ($form['fields'] as $field) {
$is_hidden = RGFormsModel::is_field_hidden( $form, $field, array() );
if ($field['pageNumber'] > $last_page_number && !$is_hidden) {
$last_page_number = $field['pageNumber'];
}
}
$current_page_number = rgpost('gform_source_page_number_' . $form['id']) ? rgpost('gform_source_page_number_' . $form['id']) : 1;
if ($last_page_number === $current_page_number) {
// If the current page is the final page
$replacement_next_button = str_replace( 'Next', 'Submit', $next_button );
}
return $replacement_next_button;
}
目前接受的答案仅在用户永远不会转到表单中的上一页时才有效,如果他们这样做,那么gform_sourge_page_number
总是滞后一个。我发现了一个更好的解决方案(使用此钩子作为示例,但您应该能够在任何传递给它的$ form的钩子中使用它):
function run_script_on_last_page( $form) {
if ( !is_admin() ) {
if ( \GFFormDisplay::get_current_page( $form['id'] ) == 10) {
wp_enqueue_script( 'custom_script', get_template_directory_uri() . '/js/custom_script.js', array( 'jquery' ), null, true );
}
}
}
add_action( 'gform_enqueue_scripts_63', 'run_script_on_last_page' );
GFFormDisplay::get_current_page( $form_id )
是许多方便的无证功能之一。
以下代码适用于JavaScript:
$('.gf_step_active .gf_step_number').html()
它将以多页的形式为您提供当前页面的页码。