可以't在mailto链接后关闭引导模式

Can't close a bootstrap modal after mailto link

本文关键字:模式 链接 mailto 可以      更新时间:2023-09-26

我有一个引导模式,用户填写一个表单,点击提交后,它会使用mailto链接打开用户的邮件客户端,并填充一条新消息。

当这种情况发生时,我希望关闭模态,但当我添加代码关闭模态时,mailto链接将不再工作(邮件客户端窗口不会打开)。模态成功关闭。有什么建议吗?

 $('#request-form').submit(function (evt) {               
            if ($("#request-form").valid())
            {
                evt.preventDefault();
                var firstName = $("#FirstName").val();
                var lastName = $("#LastName").val();
                var company = $("#Firm").val();
                var address = $("#Address").val();
                var city = $("#City").val();
                var state = $("#State").val();
                var zip = $("#Zip").val();
                var phone = $("#Phone").val();
                var email = $("#EmailAddress").val();
                var product = $("#ProductName").val();
                //Send email using mailto link
                var body = "Send this email <removed>.%0D%0A%0D%0AFirst Name: " + firstName + "%0D%0ALast Name: " + lastName + "%0D%0ACompany: " + company +
                    "%0D%0AAddress: " + address + "%0D%0ACity: " + city + "%0D%0AState: " + state + "%0D%0AZip: " + zip + "%0D%0APhone: " + phone + "%0D%0AEmail: " + email +
                    "%0D%0AProduct: " + product;
                var subject = "Product Request";
                var recipient = $("#Recipient").val();
                window.location.href = "mailto:" + recipient + "?subject=" + subject + "&body=" + body;                    
                $("#questions-modal").modal('hide');

            }               
        });

cshtml:

<button type="submit" class="btn btn-nav pull-right" id="btn-openMail" data-dismiss="modal">Submit</button>

您可以尝试使用"toggle"。。。

$("#questions-modal").modal('toggle');

或者加一些额外的代码。

你检查控制台日志了吗?