Twitter Bootstrap: Modal to modal switch

Я использую twitter bootstrap, и у меня есть ссылка, которая открывает модальное всплывающее окно. Теперь я хочу открыть другое модальное всплывающее окно в самом модале.Twitter Bootstrap: Modal to modal switch

Проблема в том, что этот другой модальный будет открыт, но старый также открыт. Также тот же эффект (фон становится примерно на 50% темнее) снова применяется, чтобы фон был черным.

Кто-нибудь знает решение для этого?

источник

2013-06-24 Vay

попробовать это

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" /> 

</head> 
<body> 
    <input type="button" name="name" class="btn btn-danger" value="open first modal" onclick="$('#modal1').modal('show')"/> 
    <div class="modal hide fade" id="modal1"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
       &times;</button> 
      <h3> 
       Modal 1 header</h3> 
     </div> 
     <div class="modal-body"> 

      <a onclick="$('#modal1').modal('hide');$('#modal2').modal('show');" class="btn btn-success">Open Second modal</a> 

     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn">Close</a> <a href="#" class="btn btn-primary">Save changes</a> 
     </div> 
    </div> 
    <div class="modal hide fade" id="modal2"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
       &times;</button> 
      <h3> 
       Modal 2 header</h3> 
     </div> 
     <div class="modal-body"> 
      <p> 
       One fine body…</p> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn">Close</a> <a href="#" class="btn btn-primary">Save changes</a> 
     </div> 
    </div> 
    <script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script> 
    <script src="Scripts/bootstrap.js" type="text/javascript"></script> 

</body> 
</html>

источник

2013-06-24 11:13:18

Спасибо! Но является ли «onclick» настоящим хорошим решением? – Vay

Twitter Bootstrap: Modal to modal switch

ответ

Смежные вопросы