JQuery 모달 폼을 다른 모달 폼으로 바꾸기

Question

모달 폼 내에서 href를 클릭하여 다른 모달 폼을 대체 할 수 있습니까?

감사합니다.

Answer 1

시도해보십시오.

HTML을

<a href="#" id="launchModel1">Launch modal 1</a> 

<div id="modal1" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel1" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     Modal 1 
    <a href="#" id="launchModel2">Launch modal 2</a> 
    </div> 
    </div> 
</div> 


<div id="modal2" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel2" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     Modal 2 
    </div> 
    </div> 
</div> 

자바 스크립트

$("#launchModel1").bind("click", function(){ 
$('#modal1').modal('show'); 
}); 

$("#launchModel2").bind("click", function(){ 
    $('#modal1').modal('hide'); 
    $('#modal2').modal('show'); 
}); 

작동 샘플 - http://www.bootply.com/YR7UREs1Ck