javascript - Javascript-Hubspot表格内联感谢你在移动设备上

javascript - Javascript-Hubspot表格内联感谢你在移动设备上,第1张

我一直在尝试破解Hubspot的嵌入表单,以便在新标签中打开文档时显示内联谢谢。我已经使用以下代码在桌面上工作了;但是,在移动设备上执行此代码会将页面重定向到https://forms.hubspot.com/uploads/form/ ...并使用HTTP ERROR 400 问题访问/上传/表单/ ...原因:

HTTP method GET is not supported by this URL

这是我的javascript

<script src="//js.hsforms.net/forms/current.js"></script>
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.min.js"></script>
<script>
  hbspt.forms.create({ 
    portalId: '<!-- portalid -->',
    formId: '<!-- formid -->',
    onFormReady: function(){
        jQuery('form').validate({
            errorPlacement: function(error, element) {},
            submitHandler: function(form, e) { 
                e.preventDefault();
                window.open('<!-- link -->', '_blank');
             form.submit();
                jQuery(entireForm)
                var entireForm = jQuery('#hsForm_<!-- formid -->');
                window.setTimeout(function() {
                    entireForm.html('<h3>Thank you for downloading the Quick Guide! The document should open in a new window shortly.</h3>');
                }, 1000);
            }
        });
    }
  });
</script>

我能够通过复制表单并显示不同宽度的不同表单来解决移动问题(例如:if(screen.width&lt; = 800){})然后使用Hubspot的redirectUrl:'';重定向到页面而不是在新窗口中打开页面。

但必须有一个更简单的方法!任何帮助将非常感激。 (我提前为任何格式错误道歉 - 第一次在堆栈上发帖!)

最佳答案:

0 个答案:

没有答案
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复