提交表单后显示Bootstrap模式

时间:2014-04-03 13:03:20

标签: javascript php jquery twitter-bootstrap

我想要显示一个"谢谢你"成功提交表单后重新加载页面时的模态。

这是我在<head>

底部的PHP
<?php
    if (isset($_POST["email"]) && !empty($_POST["email"]))
    {
        $response_text = "Thanks, we'll be in touch soon!";
        include('connect.php');
        mysqli_query($con, "INSERT INTO sh_betalist (email, ip_address, signup_loc) VALUES ('" . $_POST['email'] . "', '" . $_SERVER['REMOTE_ADDR'] . "', '" . "homepage')");
        ?>
        <script type="text/javascript"> $('#thankyouModal').modal('show'); </script>
        <?php
    }
?>

除了显示模态之外,一切正常,但不会发生。我在JS控制台中没有收到任何错误。

这是我在[{1}}:

底部的模态
<body>

1 个答案:

答案 0 :(得分:3)

尝试围绕javascript包装$(document).ready

<?php
    if (isset($_POST["email"]) && !empty($_POST["email"]))
    {
        $response_text = "Thanks, we'll be in touch soon!";
        include('connect.php');
        mysqli_query($con, "INSERT INTO sh_betalist 
        (email, ip_address, signup_loc) VALUES ('" . $_POST['email'] . "', '" . 
        $_SERVER['REMOTE_ADDR'] . "', '" . "homepage')");
 ?>
       <script type="text/javascript"> 
       $(document).ready(function(){
           $('#thankyouModal').modal('show');
       });
      </script>
    <?php
}
?>