在浏览多页表单时。在每个步骤中,表格跳至页面顶部

时间:2019-01-14 19:49:28

标签: javascript jquery

我一直在尝试找出此页面上捕获表格的问题 http://wordpress-198605-636534.cloudwaysapps.com/在主页上单击单选按钮时,浏览器跳转,并且表单集中在中间。

在此处http://wordpress-198605-636534.cloudwaysapps.com/blog/上的表单的定时选项(加载弹出窗口前10秒钟)上,表单不会跳转,并且可以毫无问题地浏览选项。

我尝试将滚动条添加到顶部以将页面移到顶部。但是,它仍然跳跃。我试过event.preventdefault(),传播并返回false。尝试停止跳跃。我尝试将tabindex值更改为-1,以便它们不会自动对焦。我的JS知识是有限的,因此不确定如何在不寻求指导的情况下解决此问题。

(function(){

  if( jQuery('.lead-form').length > 0 ) {

    jQuery('.gfield_radio input[type=radio]').bind("click", function() {
      //console.log('Clicked: ' + jQuery( this ).closest('.gform_page').find('.gform_page_footer .gform_next_button.button') );
      jQuery(this).closest('.gform_page').find('.gform_page_footer .gform_next_button.button').click();
    });

    jQuery( '.ginput_container_text #input_6_12' ).bind("change", function() {
      //console.log('Clicked: ' + jQuery( this ).closest('.gform_page').find('.gform_page_footer .gform_next_button.button') );
      jQuery(this).closest('.gform_page').find('.gform_page_footer .gform_next_button.button').click();
    });

  }

  jQuery(document).bind('gform_page_loaded', function(event, form_id, current_page){

    // Code to be trigger when next/previous page is loaded.
    if( jQuery('.lead-form').length > 0 ) {

      jQuery('.gfield_radio input[type=radio]').bind("click", function() {
        //console.log('Clicked: ' + jQuery( this ).closest('.gform_page').find('.gform_page_footer .gform_next_button.button') );
        jQuery(this).closest('.gform_page').find('.gform_page_footer .gform_next_button.button').click();
      });

      jQuery('.ginput_container_text #input_6_12').bind("change", function() {
        //console.log('Clicked: ' + jQuery( this ).closest('.gform_page').find('.gform_page_footer .gform_next_button.button') );
        jQuery(this).closest('.gform_page').find('.gform_page_footer .gform_next_button.button').click();
      });

    }
  });

})(); 

表单应该在诸如时间选项之类的选项之间移动,而浏览器不会跳到顶部。

0 个答案:

没有答案