Javascript 如何在具有不同成功选项的页面上具有多个marketo js表单

Javascript 如何在具有不同成功选项的页面上具有多个marketo js表单,javascript,twitter-bootstrap-3,marketo,Javascript,Twitter Bootstrap 3,Marketo,我试图制作一个可重用的js组件,它使用一个marketo表单,通过JSAPI嵌入到页面中。我将表单放入一个引导模式,并使用链接切换该模式 这是html文件 <div class="modal-form" data-form-id="1619" data-success-url="https://google.com/" data-redirect="true" data-form-result="blank" data-s

我试图制作一个可重用的js组件,它使用一个marketo表单,通过JSAPI嵌入到页面中。我将表单放入一个引导模式,并使用链接切换该模式

这是html文件

<div class="modal-form" 
                data-form-id="1619" data-success-url="https://google.com/" data-redirect="true" 
                data-form-result="blank" data-sucess-msg="false">
                <a type="button" class="cta-button secondary-button" data-toggle="modal" data-target="#mktoForm_456-modal" >
                    New Tab Redirect Form
                </a>
                <div class="modal fade" id="mktoForm_456-modal" tabindex="-1" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="logo"></div>
                                <h4>Test Form Title</h4>
                                <button type="button" class="close x-button" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&nbsp;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="modal-form-content" id="modal-mktoForm_1619-intro">
                                    <h2>Secondary  Redirect in new tab</h2>
                                </div>
                                <form id="mktoForm_1619"></form>
                                <div class="modal-form-content" id="modal-mktoForm_1619-chaser">
                                    <p>Bye Bye.</p>
                                </div>
                            </div>
                        </div><!-- /.modal-content -->
                        <div class="modal-sucess-msg" id="modal-success-1619"></div>
                    </div><!-- /.modal-dialog -->
                </div><!-- /.modal -->
            </div>
其中一个要求是使用相同的表单(联系人表单),并将其配置为定义不同的成功URL。因此,有多个链接、带表单的模态和重定向URL

那么,除了mktoForm_389;之外,还有什么方法可以定义一个备用的表单标记id呢

$('.modal-form').each(function () {
        var formModal = $(this);
        var formID = $(this).attr('data-form-id') || 1619;
        var componentID = $(this).attr('data-componentID') || '';
        var formRedir = $(this).attr('data-redirect') || false;
        var formResult = $(this).attr('data-form-result') || "blank";
        var formSucessUrl = $(this).attr('data-success-url') || '';
        var formSuccessMsg = $(this).attr('data-sucess-msg') || false;
        MktoForms2.loadForm("//app-ab13.marketo.com", "754-FXO-315", formID, function (form){ 
            form.onSuccess(function(values, followUpUrl){
                formModal.find(".modal-content").fadeOut('fast');
                if (formRedir == "true") {
                    if (formResult == "blank") {
                        window.open(formSucessUrl, '_blank');
                        formModal.find(".modal.fade").modal('hide');
                    } else {
                        location.href = formSucessUrl;
                    }
                } else if (formRedir =="false" && formSuccessMsg =="true") {
                    formModal.find(".modal-sucess-msg").fadeIn(100).delay(5000).fadeOut('slow').delay(600, function(){
                        formModal.find(".modal.fade").modal('hide');
                        formModal.on('hidden.bs.modal', function () {
                            formModal.find(".modal-content").show();
                            formModal.find(".modal-sucess-msg").hide();
                        });
                    }); 
                }

                return false;
            });
        });
    });