2013-06-24 4 views
0

J'utilise Twitter bootstrap et j'ai un lien qui ouvre la fenêtre contextuelle modale. Maintenant, je veux ouvrir un autre popup modal dans le modal lui-même.Twitter Bootstrap: commutateur modal à modal

Le problème est que cet autre modal sera ouvert, mais l'ancien est également toujours ouvert. Le même effet (le fond devient 50% plus sombre) s'applique à nouveau, le fond est entièrement noir.

Est-ce que quelqu'un connaît une solution pour cela?

Répondre

1

essayer cette

<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> 
+0

Merci! Mais "onclick" est-il une bonne solution? – Vay