如何根據單擊的鏈接以模態動態加載視圖？

Question

我想將視圖加載到模態中進行操作，但是我想根據單擊的鏈接動態加載視圖，只有一個模態而不是三個模態，我該怎么做？ 還是更好地創建相同的模態模態，每個操作一個？

ps：問題不是如何打開模態，而是如何在模態內動態加載視圖，更改同一個名稱，請確認單擊鏈接（沉積，繪制，提取），然后重新使用單個模態。

<ul>
    <?php
    foreach ($info as $info) {
        echo "<li>Titular: {$info->titular} </li> "
            . "<li>Agência: {$info->agencia} </li>"
            . "<li> Conta: {$info->conta} </li> "
            . "<li>Saldo: R$" . number_format($info->saldo, 2, ',', '.') . "</li>";
    }
    ?>
</ul>
<a class="operacao" id="deposito" href="">Deposito</a>
<a class="operacao" id ="saque" href="">Saque</a>
<a class="operacao" id="extrato" href="">Extrato</a>

<div class="modal">
    <?php $this->loadView('deposito', $this->getData()); ?>
</div>

Answer 1

您可以使用jquery在點擊時加載數據-

<script type="text/javascript">
     $('#deposito').click(function(){
             $('#modal1 .modal-body').html(htmldata);
             $('#modal1').modal('show', {backdrop: 'static'});
         });

Answer 2

我通常會很輕松地自己，並在我的模態中創建三個不同的div，每個div具有不同的ID，這些ID根據單擊的鏈接顯示和隱藏。

例如，我的模態看起來像這樣，

<div class="modal">
  <div class='views' id='view_1'>
  ....
  </div>
  <div class='views' id='view_2'>
  ....
  </div>
  <div class='views' id='view_3'>
  ....
  </div>
</div>

然后，我創建一個onclick處理程序，以在獲取數據后隱藏模式中的每個div顯示，例如，

$('view-1-link').click(function(){
   // get your data with ajax
   $('.views').hide(); // hide all views
   $('#view_1').html(data).show();
})

然后對每個視圖鏈接執行相同的操作。

希望這可以幫助！