javascript - SimpleModal:如何在模态窗口中提交后传递mailtolink

Question

我使用简单模式在用户向特定地址发送电子邮件之前显示法律警报:

在我的主页上:

<a href="mailto:somebody@abc.com" class="legalnotice">somebody@abc.com</a>

正在使用 jQuery:

jQuery(function ($) {
    $('.legalnotice').click(function(e) {
        var src = "email_alert.html";
        $.modal('<iframe src="' + src + '" height="400" width="390" style="border:0" id="legalFRAME">', {
            closeHTML:"",
            closeCLASS:"simplemodal-close",
            containerCss:{
            backgroundColor:"#f8f8f8",
            borderColor:"#f8f8f8",
            height:500,
            padding:0,
            width:400
        },
        overlayClose: true
        });

        return false;
    });
});

email_alert.html 包含:

<form name="alertFORM" id="alertFORM" action="">
  <div class="row-box"><input type="checkbox" /><label>I understand and agrees</label></div>
  <input name="Submit" type="submit" class="modal-close simplemodal-close" id="Submit" value="Close" />
</form>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$('#alertFORM').submit(function() {
    window.parent.jQuery.modal.close(true);
});
</script>

当用户单击电子邮件地址时，窗口将按预期打开。他们选中“我理解”以接受通知，点击“提交”，然后窗口将按预期关闭。但是，我不知道如何让打开的页面继续并从中断的地方继续，以便他们的电子邮件客户端现在打开，以便他们可以向选定的地址写入电子邮件。

请帮忙吗？

Answer 1

您可以使用以下命令触发 mailto 窗口打开:

window.location.href = "mailto:email@example.com";

因此您可以在模式关闭后添加:

$('#alertFORM').submit(function() {
    $.modal.close();
    window.location.href = $('.legalnotice').attr('href');
});

如果您想要一种在打开对话框时传递 href mailto 值的动态方法，请使用:

$('.legalnotice').on('click', function (e) {
    e.preventDefault();
    var mailto = $(this).attr('href');

    $.modal($('#alertFORM'), {
        closeHTML: "",
        closeCLASS: "simplemodal-close",
        containerId: "modal",
        containerCss: {
            backgroundColor: "#f8f8f8",
            borderColor: "#f8f8f8",
            height: 500,
            padding: 0,
            width: 400
        },
        overlayClose: true,
        onClose: function (dialog) {
            $.modal.close();
            window.location.href = mailto;
        }
    });
});

在 onClose 回调中，当对话框关闭时，使用 window.location.href = mailto 触发 mailto 窗口打开:

onClose: function (dialog) {
    $.modal.close();
    window.location.href = mailto;
}

.. 对于您的 iframe:

$('.legalnotice').on('click', function (e) {
    e.preventDefault();
    var src = "email_alert.html";
    var mailto = $(this).attr('href');

    $.modal('<iframe src="' + src + '" height="400" width="390" style="border:0" id="legalFRAME">', {
        closeHTML: "",
        closeCLASS: "simplemodal-close",
        containerId: "modal",
        containerCss: {
            backgroundColor: "#f8f8f8",
            borderColor: "#f8f8f8",
            height: 500,
            padding: 0,
            width: 400
        },
        overlayClose: true,
        onClose: function (dialog) {
            $.modal.close();
            window.location.href = mailto;
        }
    });
  });
});