第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將引導模式存儲在變量中?

如何將引導模式存儲在變量中?

PHP
幕布斯7119047 2022-10-14 14:48:11
我想編寫一個 php 函數(shù)來生成 Bootstrap 模態(tài),所以我可以簡單地調(diào)用它來創(chuàng)建更多模態(tài)。從而減少代碼重復。我的第一種方法是將所有 HTML 存儲在一個變量中,然后返回它,如下面的函數(shù)所示。function modal(){    $build = ' <button type=button class="btn btn-primary" data-toggle="modal" data-target="modal-xl">                    Test Modal                </button>';    $build .= ' <div class="modal fade" id="modal-xl">                  <div class="modal-dialog modal-xl">                    <div class="modal-content">                      <div class="modal-header">                        <h4 class="modal-title">Extra Large Modal</h4>                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">                          <span aria-hidden="true">&times;</span>                        </button>                      </div>                      <div class="modal-body">                        <p>One fine body&hellip;</p>                      </div>                      <div class="modal-footer justify-content-between">                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                        <button type="button" class="btn btn-primary">Save changes</button>                      </div>                    </div>                  </div>                </div>';    return $build;}然后生成它我會簡單地做<?=modal()?>我對這種方法的問題是,雖然代碼插入到我的頁面中,但我似乎無法打開有問題的模式。有人有嗎?或這樣做的替代方式?我希望為像這樣的各種組件創(chuàng)建一個 Builder 類。
查看完整描述

1 回答

?
長風秋雁

TA貢獻1757條經(jīng)驗 獲得超7個贊

好吧,對于模態(tài),我設法通過使用 javascript 觸發(fā)器來使其工作。


function modal(){

$build = ' <button type=button class="btn btn-primary" id="btn-xl">

                Test Modal

            </button>';

$build .= ' <div class="modal fade" id="modal-xl">

              <div class="modal-dialog modal-xl">

                <div class="modal-content">

                  <div class="modal-header">

                    <h4 class="modal-title">Extra Large Modal</h4>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                      <span aria-hidden="true">&times;</span>

                    </button>

                  </div>

                  <div class="modal-body">

                    <p>One fine body&hellip;</p>

                  </div>

                  <div class="modal-footer justify-content-between">

                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

                    <button type="button" class="btn btn-primary">Save changes</button>

                  </div>

                </div>

              </div>

            </div>';

    $build .= ' <script>

                    $(document).ready(function(){

                        $("#btn-xl").click(function(){

                            $("#modal-xl").modal();

                        });

                    });

                </script>

    ';

return $build;

}

希望我不必像這樣使用所有其他組件來欺騙引導程序。


PS。確保在回顯函數(shù)之前加載 JQuery 和 Bootstrap Javascript。


查看完整回答
反對 回復 2022-10-14
  • 1 回答
  • 0 關注
  • 157 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號