0
사용자가 양식을 작성하고 제출을 클릭하면 부트 스트랩 모달을 사용하여 mailto 링크를 사용하여 사용자의 메일 클라이언트를 열고 새 메시지를 채 웁니다.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>
[작동 방식] (http://jsfiddle.net/oywcgs00/) – mccannf
이 코드 조각은 불완전한 것처럼 보입니다. 전체 JS를 포함하십시오. – cvrebert
내 스 니펫이 전체 기능을 포함하도록 업데이트되었습니다. 바이올린은 재미 있었고, 흥미 롭습니다 ... 제 마지막에 변화를주기 위해 당신이 한 일을 어떻게 연관지를 볼 수는 없습니다. – Kelly