Скрыть bootstrap modal при нажатии на div внутри модального

Question

Почему не мое модальное закрытие? Пожалуйста, помогите Я пытаюсь закрыть модальность, когда нажата кнопка div внутри модального файла. Ниже приведен код. Когда я нажимаю, ничего не происходит.

 <!-- Modal --> 
     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
      <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
       <h4 class="modal-title" id="myModalLabel">Select Language</h4> 
       </div> 
       <div class="modal-body"> 
       <button type="button" class="btn" data-dismiss="modal">Close</button> 
       <button type="button" class="btn" id="submit_form">Submit</button> 
       </div> 

       <div class="modal-footer"> 
       <script>      
       $('.modal-footer').click(function() { 
        $('.modal').modal('hide'); 

       }); 
       $('.test').click(function() { 
        $('.modal').modal('hide'); 

       }); 
       </script> 

       </div> 
      </div> 
      </div> 
     </div>  

Answer 1

Первые вещи первых, лучше всего включить ваши функции JQuery внутри $ (функция() {});

Включили ли вы файл Bootstrap JS?

Какой дивизион вы намереваетесь нажать, чтобы закрыть свой модальный? Ваш код правильный, но вы использовали селектор «.test» без div, который использует тестовый класс.

Независимо от того, ваш код должен работать.

Fiddle with ".test" div добавлен. http://jsfiddle.net/52VtD/8967/

Answer 2

Вы можете добавить

data-dismiss="modal" 

в <div class="modal-footer">

Вы можете увидеть my code example

Answer 3

<script>      
      $('.modal-footer').click(function() { 
       $('#myModal').modal('hide'); 

      }); 
      $('.test').click(function() { 
       $('#myModal').modal('hide'); 

      }); 
</script>