如何在laravel中显示引导弹出模式？

Question

我想在资源页面上使用 java-script 或 laravel 中的预定义函数打开一个模式。

Answer 1

或许，

您想在刀片模板中使用 js 打开弹出窗口，以便为此

在刀片文件中添加按钮，然后在其中添加 bootstrap.css 文件。

<button type="submit"  class="donate_now btn btn-default-border-blk generalDonation" data-toggle="modal"  data-backdrop="static" data-keyboard="false" data-target="#myModalHorizontal">donate now</button>

在同一页面中像这样设计模态

<!-- Modal -->
<div class="modal fade" id="myModalHorizontal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <!-- Modal Header -->
        <div class="modal-header" style="background: orange">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="ion-android-close"></span></button>
            <h4 class="modal-title" id="myModalLabel" style="color: whitesmoke;">Donation For Siddhyog Sadhan Mandal</h4>
        </div>            <!-- Modal Body -->
        <div class="modal-body">
            <div>
                Payment Option
            </div>
            <form id="frm-donation" name="frm-donation">
                <div class="header-btn">
                    <div id="div-physical">
                        <label>
                            <input id="rdb_physical" name="rdb_donation" value="0" type="radio" checked="" class="validate[required]" data-errormessage-value-missing="Donation Type is required!">
                            Physical Entity Donation
                        </label>
                    </div>
            </form>
            <div class="modal-body">
                <div class="modal-footer" id="modal_footer">
                    <!--<input id="btnSubmit" name="btnSubmit" value="Donate" class="btn btn-default-border-blk" type="submit">-->
                    <a id="btnDonate" class="btn btn-default-border-blk">Donate</a>
                </div>
            </div>
        </div>
    </div>
</div>

您可以在页面上看到模态工作，但为此请确保 data-target="#myModalHorizo​​ntal" 上的 ID 和模态的 id="myModalHorizo​​ntal"