Question

我正在尝试使用Bootstrap对网站进行编码。我已经使用模态（here）在一个页面上实现了它，而另一个页面似乎没有显示该页面上的模态（here），有一个按钮可以编辑禁令详情但是当我点击编辑按钮时，它什么也没做。

另外，我使用jQuery进行表单提交，以便我可以重定向到返回的ID，但是，我仍然坚持我的函数如何返回ID，因为使用 get_mysql()->fetch_assoc($result)["id"] 导致500内部服务器错误。代码可以在下面找到。

ban.php

<div class="modal fade" id="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Edit Ban</h4>
                </div>
                <form id="form">
                    <div class="modal-body">
                        <div class="form-group">
                            <input type="text" value="<?php echo $ban["uuid"] ?>" id="uuid" name="uuid" placeholder="UUID" class="form-control"/>
                        </div>

                        <div class="form-group">
                            <input type="text" value="<?php echo $ban["reason"] ?>" id="reason" name="reason" placeholder="Reason" class="form-control"/>
                        </div>
                    </div>

                    <input type="hidden" id="id" name="id" value="<?php echo $ban["id"] ?>" />
                    <div class="modal-footer">
                        <input type="submit" class="btn btn-primary"/>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            $("#form").submit(function(e) {
                e.preventDefault();
                var uuid = $("#uuid").val();
                var reason = $("#reason").val();
                $.post("add.php", { id: id, uuid: uuid, reason: reason, key: "<?php echo get_key() ?>" }, function(data) {
                    location.href = "ban.php?id=<?php echo data ?>";
                });
            });
        });
    </script>

的index.php

<div class="modal fade" id="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Add Ban</h4>
                </div>
                <form id="form">
                    <div class="modal-body">
                        <div class="form-group">
                            <input type="text" value="<?php echo $ban["uuid"] ?>" id="uuid" name="uuid" placeholder="UUID" class="form-control"/>
                        </div>

                        <div class="form-group">
                            <input type="text" value="<?php echo $ban["reason"] ?>" id="reason" name="reason" placeholder="Reason" class="form-control"/>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <input type="submit" class="btn btn-primary"/>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#form").submit(function(e) {
                e.preventDefault();
                var uuid = $("#uuid").val();
                var reason = $("#reason").val();
                $.post("functions/add.php", { uuid: uuid, reason: reason, key: "<?php echo get_key() ?>" }, function(data) {
                    location.href = "functions/ban.php?id=<?php echo data ?>";
                });
            });
        });
    </script>

api.php

    <?php
define("key", "redacted");

function get_mysql() {
    $mysql = new mysqli("localhost", "redacted", "redacted", "redacted");
    if($mysql->connect_error) {
        die($mysql->connect_error);
    }
    return $mysql;
}

function add($uuid, $reason) {
    $date = gmdate("Y-m-d H:i:s");
    get_mysql()->query("insert into bans (uuid, date, reason) values ('$uuid', '$date', '$reason')");
    $result = get_mysql()->query("select id from bans where uuid = '$uuid' and date = '$date' and reason = '$reason'");
    get_mysql()->fetch_array($result);
    return $result["id"];
}

function update($id, $uuid, $reason) {
    get_mysql()->query("update bans set uuid = '$uuid', reason = '$reason' where id = $id");
}

function remove($uuid) {
    get_mysql()->query("delete from bans where uuid = '$uuid'");
}

function remove_by_id($id) {
    get_mysql()->query("delete from bans where id = $id");
}

function get($uuid) {
    return get_mysql()->query("select * from bans where uuid = '$uuid'")->fetch_assoc();
}

function get_by_id($id) {
    return get_mysql()->query("select * from bans where id = $id")->fetch_assoc();
}

function get_bans() {
    return get_mysql()->query("select * from bans");
}

function login($username, $password) {
    $password = hash("sha256", $password);
    return get_mysql()->query("select count(*) from users where username = '$username' and password = '$password'")->num_rows > 0;
}

function register($username, $password) {
    $password = hash("sha256", $password);
    get_mysql()->query("insert into `users` (`username`, `password`) values ('$username', '$password'");
}

function get_key() {
    return key;
}
?>

Answer 1

感谢@ stain88，我找到了答案。我没有提供bootstrap.min.js（facepalm）

的正确链接

再次感谢@ stain88。

Bootstrap Modal显示在一个页面上但不显示在另一个页面上？

1 个答案: