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