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> 

的Javascript

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

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

工作樣本 - http://www.bootply.com/YR7UREs1Ck