Question

美好的一天！我正在尝试创建用于编辑目的的模态。这意味着必须通过特定ID填充检索到的数据。问题是它不起作用。

用于调用PHP编辑功能的链接：

<a href="' . ROOT . '/index.php?edit=' . $payment['id'] . '"><span class="glyphicon glyphicon-edit"></span></a>

PHP编辑功能：

if (isset($_GET['edit'])) {
 $edit = httpGet(ROOT . "/API.php?getId=" . $_GET['edit']);
  ?><script type="text/javascript">
    $('#editId').modal('show');</script>
   <?php
   }

“editId”模式：

<div id="editId" class="modal fade" tabindex="1"  role="dialog" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h1 class="text-center">Edit Transaction</h1>
        </div>
        <div class="modal-body">
            <form class="form col-md-12 center-block" action="API.php" method="post">
                <div class="form-group">
                    <input type="text" id="id" name="id" class="form-control input-lg" placeholder="ID" value="<?php echo $edit[0]['id']; ?>">
                </div>
                <div class="form-group"> <select class="form-control" id="type" name="type" placeholder="Transaction type" value="<?php echo $edit[0]['type']; ?>">
                        <option value="withdaw">Withdraw</option>
                        <option value="deposit">Deposit</option>
                    </select></div>
                <div class="form-group">
                    <input type="text" id="sum" name="sum" class="form-control input-lg" placeholder="Sum" value="<?php echo $edit[0]['sum']; ?>">
                </div>
                <div class="form-group">
                    <select class="form-control" id="currency" name="currency" placeholder="Currency" value="<?php echo $edit[0]['currency']; ?>">
                        <option value="ILS">ILS</option>
                        <option value="USD">USD</option>
                    </select></div>
                <div class="form-group">
                    <input type="text" id="transaction" name="transaction" class="form-control input-lg" placeholder="Transaction ID" value="<?php echo $edit[0]['transaction']; ?>">
                </div>
                <div class="form-group">
                    <input type="text" id="buyer" name="buyer" class="form-control input-lg" placeholder="Buyer" value="<?php echo $edit[0]['buyer']; ?>">
                </div>
                <div class="form-group">
                    <input type="text" id="email" name="email" class="form-control input-lg" placeholder="Email" value="<?php echo $edit[0]['email']; ?>">
                </div>
                <div class="form-group">
                    <input type="text" id="invoice" name="invoice" class="form-control input-lg" placeholder="Invoice" value="<?php echo $edit[0]['invoice']; ?>">
                </div>
                <div class="form-group">
                    <input type="text" id="date" name="date" class="form-control input-lg" placeholder="Date" value="<?php echo $edit[0]['date']; ?>">
                </div>
                <div class="form-group">
                    <button class="btn btn-primary btn-lg btn-block" type="submit" value="updateId" name="updateId">Update Payment</button>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <div class="col-md-12">
                <button type="button" class="btn btn-default btn-lg btn-block" data-dismiss="modal">Cancel</button>
            </div>  
        </div>
    </div>
</div>

Answer 1

模型没有出现，因为在页面上加载html元素之前调用了函数。使用ajax或使用document.ready函数。

Answer 2

根据Shukla的建议，您必须使用$(document).ready(function{});即：

<script type="text/javascript">
    $(document).ready(function{
     $('#editId').modal('show');
    });
</script>

从PHP触发器切换Bootstrap模式

2 个答案: