クリックしたリンクに応じてモーダルでビューを動的にロードするにはどうすればよいですか？

Question

私は操作を行うためにモーダル内のビューをロードしたいと思いますが、3つではなく1つのモーダルを持つクリックされたリンクに従ってビューを動的にロードすることを考えました。あるいは、各操作ごとに1つ、同じモーダルを作成する方が良いでしょうか？

ps：モーダルを開く方法ではなく、モーダル内でビューを動的にロードする方法、リンクのクリック（デポ、描画、抽出）を確認する方法、モーダルを再利用する方法。あなたは、私は通常、自分自身でそれを簡単にし、その異なるIDと各私のモーダル内の三つの異なるdivを作成click--

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

Answer 1

私はクリックしたリンクに従って表示と非表示を切り替えます。

したがって、たとえば、私のモーダルは次のようになり、

<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> 

は、その後、私はそう例えば

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

のように、データを取得した後、モーダルでそれぞれのdivを表示する隠すためのonclickハンドラを作成します

次に、各ビューリンクに対して同じ操作を行います。

希望すると便利です。

Answer 2

にデータをロードするためにjqueryのを使用することができます

<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>