前のブートストラップモーダルに戻ることができません

私は2つのブートストラップモーダルを持っています。 2番目のモーダルから前のモーダルに戻ると、それは見えません。2番目のモーダルにはファイルフィールドがあります。ファイルフィールドの値を変更すると、2番目のモーダルが非表示になり、最初のモーダルが表示されます。誰か助けてくれますか？次は試しです：前のブートストラップモーダルに戻ることができません

<html lang="en"> 
<body> 
<div class="container"> 
    <h2>Modal Example</h2> 
    <!-- Trigger the modal with a button --> 
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">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> 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal123" data-dismiss="modal">Open Modal</button> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
     </div> 

    </div> 
    </div> 

</div> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal123" 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.123</p> 
<form action="demo_form.asp"> 
    Select a file: <input type="file" name="img" id="File"> 
</form> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
     </div> 

    </div> 
    </div> 

</div> 
<script> 
$("#File").change(function(){ 
    $("#myModal123").hide(); 
    $("#myModal").show(); 
    alert("Hello"); 
}) 
</script> 
</body> 
</html>

ありがとうございます。

出典

2016-05-20 Vishal

たくさんありがとう

以下

$("#File").change(function() { 
      $("#myModal123").modal("hide"); 
      $("#myModal").modal("show"); 

     })

出典

2016-05-20 10:11:08

にあなたのjQueryコードを交換してください。私は私のレールアプリでこれを実装しようとしましたが、依然として問題は残っています。あなたは私をそこで助けることができますか？ – Vishal

前のブートストラップモーダルに戻ることができません

答えて

関連する問題