我一直在尝试找出此页面上捕获表格的问题 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();
});
}
});
})();
表单应该在诸如时间选项之类的选项之间移动,而浏览器不会跳到顶部。