Javascript 如何在具有不同成功选项的页面上具有多个marketo js表单
我试图制作一个可重用的js组件,它使用一个marketo表单,通过JSAPI嵌入到页面中。我将表单放入一个引导模式,并使用链接切换该模式 这是html文件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
<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"> </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;
});
});
});