php - 定位 Twitter Bootstrap 警告框时出错。

Question

美好的一天，我想在发送消息后使用 Twitter Bootstrap 显示警报，但警报显示在菜单栏之后(如图所示)。我希望警报像 JavaScript 警报一样显示，即页面的内容应该在警报后面。我该怎么做呢？

if (isset($_POST['send'])){

                $param = array(
                'sender_id'=> $_SESSION['id'],
                'receiver_id' => $_POST['receiver_id'],
                'message'=> $_POST['message']

            );
                $sum = $param['receiver_id'] + $param['sender_id'];

                $sql1= "INSERT INTO message (sender_id, receiver_id, message, message_id) VALUES (:sender_id, :receiver_id, :message, '$sum')";
                $db->query($sql1, $param); 
                echo "


        <div class='alert alert-success'>

            <a href='#' class='close' data-dismiss='alert'>&times;</a>

            <strong>Success!</strong> Your message has been sent successfully.

        </div>
        ";                          
  }

Answer 1

你需要这个:

http://getbootstrap.com/javascript/#modals

您可以按照您想要的方式设置此模态框的样式。

您可以使用此标签手动启动模式:

$(document).ready(function() {
    $('#myModal').modal('show')
});

编辑:我不知道你处理服务器端进程的方式，但这种模式解决方案将与 ajax 一起工作。我建议这样做:

$(document).ready(function() {
    // Request
    $.ajax({
        url: "/myAjaxFolder/myServerSideProcess.php"
    })

    // Success
    .done(function(data) {
        $('#successModal').modal('show')
    })

    // Error
    .fail(function() {
        $('#errorModal').modal('show')
    });
});

希望这对您有所帮助。