提出後のPHPモーダルは動作しません

@ss連絡フォームに関する質問。フォームを送信した後、ブートストラップポップアップが確認とともに表示されるはずですが、明らかに表示されません。提出後のPHPモーダルは動作しません

は、ここに私のコードです：

<?php 

if(isset($_POST['submit'])) {  
// EDIT THE 2 LINES BELOW AS REQUIRED 

$email_to = "[email protected]***.com"; 

// EDIT THE 2 LINES BELOW AS REQUIRED 
$sender = $_POST['email']; 

$name = $_POST['name']; // required 
$email = $_POST['email']; // required 
$object = $_POST['object']; 
$message = $_POST['message']; 


$email_message = "Form details below.\n\n"; 

$email_subject = "Contact details - $name"; 

function clean_string($string) { 
    $bad = array("content-type","bcc:","to:","cc:","href"); 
    return str_replace($bad,"",$string); 
} 

$email_message .= "Name: ".clean_string($name)."\n"; 
$email_message .= "Email: ".clean_string($email)."\n"; 
$email_message .= "object: ".clean_string($object)."\n"; 
$email_message .= "Message: ".clean_string($message)."\n"; 


// create email headers 
$headers = 'From:'.$sender."\r\n". 
'Reply-To: '.$email."\r\n" . 
'X-Mailer: PHP/' . phpversion(); 
$sent= @mail($email_to, $email_subject, $email_message, $headers); 

if($sent){ 
//   echo "<script>alert('Thank you for submitting your details, We will be in touch as per your request.') 
//   location.replace('contact.html') 
// </script>"; 
    echo "<script>$('#thankyouModal').modal('show')</script>"; 
} 
else { 
echo "<script>alert('Sorry! Something went wrong') 
     location.replace('contact.html') 
</script>"; 

    } 
} 
?> 

<html> 
    <head> 
    <title></title> 
    <!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

<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" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

    </head> 
    <body> 

<div class="modal fade" id="thankyouModal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header text-center"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h2 class="modal-title text-center" style="font-weight: 600;">Thank you for Contact Us!</h2> 
     </div> 
     <div class="modal-body text-center" style="background-color: #59ABE3;"> 
     <p style="font-weight: 600; color: #fff; font-size: 18px;">Thanks for getting in touch!</p> 
     </div> 
     <div class="modal-footer" style="background-color: #59ABE3; border-top: 0px solid #fff;"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

    </body> 
</html>

フォームは私が送信ボタンを通じてcont.phpするために送信され、その後、私は空白のcont.phpページを取得します。

私は誰かが答えを持っていることを願っています。先生にありがとう！

出典

2017-11-19 ZnortDesigns

ジャバスクリプトは、文書の末尾に追加したり、 '$（ドキュメント）.ready（）を正確に私はそれを置く必要があります' – gogaz

を使用する必要があります@ゴガズ？ – ZnortDesigns

メッセージや他のタイプの確認に感謝の意を表しますか？どれ？ –

（文書）.ready機能をJSスニペットに追加してみてください。

echo "<script> 
$(document).ready(function(){ 
$('#thankyouModal').modal('show'); 
}); 
</script>";

、あなたはjQueryのが初期化される前の関数を呼び出すにしたくないので、</head>タグの前に、この全体のPHPスクリプトを移動します。

次に、あなたがあなたのモーダルがロードされている必要があります。

出典

2017-11-19 19:20:21 harisdev

あなたの時間と明確な説明をお寄せいただきありがとうございます！、悲しいことに私のサーバーは今私に500エラーを与えていますが、私はできるだけ早くそれをチェックします。 – ZnortDesigns

error.logで500エラーを確認してください。 – harisdev

ファイルは存在しませんが、cPanelsファイルマネージャとFTPで見ることができます。 – ZnortDesigns

提出後のPHPモーダルは動作しません

答えて

関連する問題