javascript - 从 PHP 触发器切换 Bootstrap 模式

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

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

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