Невозможно перейти к предыдущему методу Bootstrap

У меня есть два Bootstrap modal. При возврате к предыдущему модальному из второго модального значения это не видно. Второй модальный имеет поле файла. При изменении значения поля файла второй модальный должен скрываться, и первый модальный текст должен отображаться. Может кто-нибудь мне помочь? Ниже приводится моя попытка:Невозможно перейти к предыдущему методу Bootstrap

<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

Пожалуйста, замените код JQuery, чтобы ниже

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

     })

источник

2016-05-20 10:11:08

Thanx много. Я попытался реализовать это с помощью своего приложения rails, но проблема остается. Можете ли вы помочь мне? – Vishal

Невозможно перейти к предыдущему методу Bootstrap

ответ

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