2014-10-02 6 views
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> 
+2

[작동 방식] (http://jsfiddle.net/oywcgs00/) – mccannf

+0

이 코드 조각은 불완전한 것처럼 보입니다. 전체 JS를 포함하십시오. – cvrebert

+0

내 스 니펫이 전체 기능을 포함하도록 업데이트되었습니다. 바이올린은 재미 있었고, 흥미 롭습니다 ... 제 마지막에 변화를주기 위해 당신이 한 일을 어떻게 연관지를 볼 수는 없습니다. – Kelly

답변

0

당신은 "토글"로 시도해 볼 수도 있습니다 ...

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

또는 일부 추가 코드를 삽입.

콘솔 로그를 확인 했습니까?