簡體   English   中英

從PHP觸發器切換Bootstrap模式

[英]Toggling Bootstrap modal from PHP trigger

美好的一天! 我正在嘗試創建用於編輯目的的模式。 這意味着必須用特定的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>

未出現模型,因為在頁面上加載html元素之前調用了函數。 使用ajax或使用document.ready函數。

根據Shukla的建議,您必須使用$(document).ready(function{}); 即:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM