클릭 한 링크에 따라 모달에서 뷰를 동적으로로드하는 방법은 무엇입니까?

Question

작업을 수행하려면 모달 안에 뷰를로드하고 싶습니다만, 클릭 한 링크에 따라 뷰를 동적으로로드하는 방법을 생각했지만 3 개 대신 하나의 모달 만 있으면 어떻게 할 수 있습니까? 아니면 각 작업마다 하나씩 동일한 모달 오브젝트를 만드는 것이 더 좋습니까?

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

당신이 click--

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

Answer 2

을에 데이터를로드 jQuery를 사용하여 나는 보통 자신에 쉽게하고 다른 ID로 내 모달 내부의 세 가지 다른 div의 각을 생성하는 클릭 한 링크에 따라 표시하고 숨 깁니다.

그래서 예를 들어, 내 모달은

<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(); 
}) 

같은 데이터를받은 후 모달의 각 사업부를 보여 숨길 수있는 온 클릭 핸들러를 작성, 같을 것이다

그런 다음 각보기 링크에 대해 동일한 작업을 수행하십시오.

희망이 도움이됩니다.