如果郵件成功發送，如何打開模式？

我是在嘗試，以顯示或顯示一個模式，如果電子郵件發送成功或如果在submiting形式別的事情發生，但沒有運氣可言，我已經試了很多辦法，但沒有...香港專業教育學院嘗試了很多事情，但沒有工作，我最後一個嘗試是從PHP調用它後，確認該電子郵件被髮送，但是當我做這個代碼如果郵件成功發送，如何打開模式？

echo "<script> 
    $(window).load(function(){ 
     $('#mymodal').modal('show'); 
    }); 
</script>";

它說，$心不是定義爲：「（我不知道自己還能做些什麼

這樣它沒有做我想做的事情。（片段測試）

$(document).ready(function(){ 
 
    $("#myBtn3").click(function(){ 
 
     $("#mymodal").modal({backdrop: "static"}); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 

 
    <button type="button" class="btn btn-info btn-md" id="myBtn3">click me</button> 
 

 
<div class="modal fade" id="mymodal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header" style="padding:35px 50px;"> <h4 class="mh4"> Hey there! </h4> 
 
     </div> 
 
      <div class="modal-body" style="padding:40px 50px;"> 
 
     <p align=justify>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
    
 
<script> 
 
$(document).ready(function(){ 
 
    $("#myBtn3").click(function(){ 
 
     $("#mymodal").modal({backdrop: "static"}); 
 
    }); 
 
}); 
 
</script> 
 
</body> 
 
</html>

來源

2017-09-24 ZonaLibre

您的片段的作品。有什麼問題？ – FluffyKitten

問題是，當我試圖顯示模式，一旦電子郵件發送它不會顯示，並且它會拋出一個錯誤，說$沒有定義，我只是想顯示模式，讓用戶知道我收到的消息..我只是不希望顯示味精作爲警告（）XD – ZonaLibre

更喜歡IDK的如何使它工作，（模態的人工呼叫） – ZonaLibre

我相信模式被認爲是一個單獨的窗口，讓你嘗試的變量轉移到一個不同的窗口，這將導致你的未定義的錯誤。您需要在模式關閉之前執行任何代碼。或者使用推送服務。我會做一個ajax POST到您的服務器，然後用該響應更新頁面。 XMLHttpRequest的

來源

2017-09-24 03:55:19 Hunter

我只是想加載模式我的意思表露出來，我不希望把任何數據，如瓦爾至少裏面什麼都沒有，只是文字像「THX與我聯繫」 – ZonaLibre

要包括jQuery的版本3https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

同時引導3支持jQuery的版本gretter低於1.9.0，但低於3.0.x的您可以在瀏覽器控制檯檢查這個錯誤。所以，嘗試使用包含jquery 1.9.1或更好的2.2.4將是一個不錯的選擇。

你可以試試這個從你的PHP腳本中獲取數據

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 

 
    <button type="button" class="btn btn-info btn-md" id="myBtn3" onclick="DoYourAction()">click me</button> 
 

 
<div class="modal fade" id="mymodal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header" style="padding:35px 50px;"> <h4 class="mh4"> Hey there! </h4> 
 
     </div> 
 
      <div class="modal-body" style="padding:40px 50px;"> 
 
     <p align=justify>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
    
 
<script> 
 
function DoYourAction() { 
 
    $.ajax({ 
 
     type: 'get', 
 
     url: 'https://jsonplaceholder.typicode.com', 
 
\t \t headers: {"Access-Control-Allow-Origin": "*"}, 
 
     /* Your URL from which you are getting data */ 
 
     data: { /* Put your parameers that you are sending to the Action */ 
 
      "param1": 'valueForparam1', 
 
      'param2': 'valueForparam1' 
 
     }, 
 
     success: function (data) { 
 
      /* 
 
      * On Success Show your modal 
 
      */ 
 
      $('#mymodal').modal('show'); 
 
     }, 
 
     error: function (errors) { 
 
      /* 
 
      * If Error arrived, you may see in your browser console! 
 
      */ 
 
      console.log(errors); 
 
     } 
 
    }); 
 
} 
 
</script> 
 
</body> 
 
</html>

來源

2017-09-24 03:55:53

THX的答案，我alrdy增加了一個較低的版本（1.12.3）和它說：「服務器瞭解ü想什麼，但不會做到這一點「XD idk rly ...這是讓我瘋狂的..也許警告（）選項不是一個壞主意，最後：'（ – ZonaLibre

任何想法如何調用後，在PHP函數if ==真的嗎？我認爲那就是我想要的。：'（我試着把這個回聲「「;但它不工作 – ZonaLibre

編輯我的答案，傾斜後的代碼註釋 –

如果郵件成功發送，如何打開模式？

回答

相關問題