Как перенаправить при нажатии за пределами начальной загрузки модал-контента?

Question

У меня есть модал на моей веб-странице, где я уже сделал это, чтобы при нажатии кнопки «Закрыть» он перенаправлялся на домашнюю страницу.Но мне также нужно, чтобы он перенаправлял на домашнюю страницу при нажатии за пределами модального загрузчика, то есть класса ".modal-content".Я попытался сделать это

$('#enterCodeModal').on('hidden.bs.modal', function (e) {
    window.location.replace='index.html';
});

, посмотрев на другой пост, похожий на этот, но это не сработало.Было бы здорово помочь, если бы кто-то помог мне решить эту проблему.

Answer 1

Работает с window.location.href, как вы можете видеть здесь:

$(document).ready(function(e) {
  $('#myModal').on('hidden.bs.modal', function(e) {
    window.location.href = 'https://google.com'
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/css/bootstrap.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.min.js"></script>

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>