2015-08-27 5 views
0

Мне нужно закрыть 2 модала одновременно. Зачем?Bootstrap modals не закрываются

У меня есть 2 модала, сначала показывает информацию, а второй показывает подтверждение об исключении. Когда я закрываю второй, я хочу закрыть все модалы.

Это в ASP.NET MVC и RAZOR.

Этот JS не работает, вы можете мне помочь? Thanks !!

$(function() { 
 

 
     $(".close-modal-edit").click(function() { 
 
      $('.modal').modal('hide'); 
 
     }); 
 

 
    });
 <!-- FIRST MODAL -->   
 
     <div class="portfolio-modal modal fade" id="dialog" tabindex="-1" role="dialog" aria-hidden="true"> 
 
      <div class="modal-content"> 
 
       <div class="close-modal" data-dismiss="modal"> 
 
       </div> 
 
       <div class="container"> 
 
        <div class="row"> 
 
         <div class="col-lg-8 col-lg-offset-2"> 
 
          <div class="modal-body text-left"> 
 
           <a class="btn btn-success pull-right" data-dismiss="modal"> Close </a> 
 
          </div> 
 
         </div> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 

 
     <!-- CONFIRMATION MODAL --> 
 
     <div class="portfolio-modal modal fade" id="dialog-exclude" tabindex="-1" role="dialog" aria-hidden="true"> 
 
      <div class="modal-content modal-content-edit"> 
 
       <div class="close-modal close-modal-edit" data-dismiss="modal"> 
 
       </div> 
 
       <div class="container"> 
 
        <div class="row"> 
 
         <div class="col-lg-4 col-lg-offset-4"> 
 
          <div class="modal-body text-left"> 
 
           <a class="btn btn-success pull-right close-modal-edit" data-dismiss="modal"><i class="fa fa-times"></i> Cancel </a> 
 
          </div> 
 
         </div> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> \t

ответ

1

это, похоже, работает для меня. Перемещение через модальные объекты и их закрытие по отдельности.

$(".close-modal-edit").click(function() { 
     $.each($(".modal"), function (i, obj) { 
      $(obj).modal('hide'); 
     }); 
    }); 

Примечание: выглядит как ваши оригинальные $('.modal')modal('hide'); работы для меня, а вот скрипку, использовать это в качестве основы, увидеть, если он работает в вашем проекте, и если нам не нужно больше информации о вашем проекте , http://jsfiddle.net/hxo5kccs/

+1

' $ (". modal"). each (function() {$ (this) .modal ('hide');}); 'делает то же самое в зависимости от ваших предпочтений – JamieD77

0

Вы можете удалить данные, отклонять = "модальный" от обоих модальный и попробовать?

+0

Я пробовал, теперь ничего не закрыто. Раньше, если я открывал только один из Modal, они закрывались, проблема в том, что я пытаюсь открыть два и хочу закрыть оба одновременно. Понял? – Lucas

+0

затем "$ (". Close-modal-edit "). Click (" event is no firing, вы можете добавить href = "javascript: void (0);" для привязки (тег Ravi

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