模態關閉/打開

有以下代碼來關閉和模態並打開第二個模態。總是遇到同樣的問題可以關閉一個，但不打開第二個，或者如果我改變順序，我可以打開一個而不關閉另一個。（想想我已經嘗試過101個版本）。如果有人可以幫忙。模態關閉/打開

<a class="btn button_replace" href="#" id="close_open"> 
    Replace Entry <i class="icon-exchange"></i> 
</a> 

<script type="text/javascript"> 
    $("#close_open").click(function() { 
     $("#viewfilm").modal('hide'); 
     $("#upfilm").modal({show:true}); 
    }); 
</script>

來源

2015-10-20 Peter Baker

嘗試'$（「＃upfilm」）模式（」。 show'）;'而不是'$（「＃upfilm」）。modal（{show：true}）;' –

'''處理關閉模式並打開新的模式達爾和我想''是在第一個模態，它處於顯示狀態，當你想關閉並想顯示第二個？ – Shehary

嘗試等待關閉完成

$("#close_open").click(function() { 
    $("#viewfilm").modal('hide'); 
}); 

$('#viewfilm').on('hidden.bs.modal', function() { 
    $("#upfilm").modal({show:true}); 
});

或老年引導

$('#viewfilm').on('hidden', function() { 
    $("#upfilm").modal({show:true}); 
});

來源

2015-10-20 08:47:57

不錯的主意，但仍然沒有歡樂 –

試試這個小提琴。 https://jsfiddle.net/zc61yt8p/這是你想要的方式嗎？ –

您需要使用

$("#upfilm").modal("show");

，而不是

$("#upfilm").modal({show:true});

來源

2015-10-20 08:49:23

已經嘗試過了，沒有快樂 –

@PeterBaker好的，請嘗試重現JSFiddle這個問題。 –

你需要改變：

$('#upfilm').modal({ 
    show: true 
});

到：

$('#upfilm').modal('show');

來源

2015-10-20 08:49:41 Vishnu

試過沒有區別 –

使用屬性數據dimiss

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="container"> 
    <h2>Activate Modal with JavaScript</h2> 
    <!-- Trigger the modal with a button --> 
    <button type="button" class="btn btn-info btn-lg" id="myBtn">Open Modal</button> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
     </div> 

    </div> 
    </div> 

</div> 

<script> 
$(document).ready(function(){ 
    $("#myBtn").click(function(){ 
     $("#myModal").modal(); 
    }); 
}); 
</script> 

</body> 
</html>

來源

2015-10-20 09:06:58 jmmunoz

模態關閉/打開

回答

相關問題