Merhaba,

Sitemizin ekip sayfasında personelin üstüne tıklayınca pop-up çıkarak verilerin çıkması kısmını hallettim. Ancak kapat düğmesi hariç kapanmıyor. Ekranda boşluk bir alana tıklayınca da kapanmasını istiyorum. Öneriniz var mı?

Link: https://www.mgc.com.tr/ekip/

$(".js-open-modal").click(function(){
  $(".modal").addClass("visible");
});

$(".js-close-modal").click(function(){
  $(".modal").removeClass("visible");
});

$(document).click(function(event) {
  //if you click on anything except the modal itself or the "open modal" link, close the modal
  if (!$(event.target).closest(".modal,.js-open-modal").length) {
    $("body").find(".modal").removeClass("visible");
  }
});

<script>     let openModal = ''     function modalShow(id){         jQuery('#modal-'+openModal).hide();         jQuery('#'+openModal).prop('checked', false);         jQuery('#modal-'+id).show();         openModal = id;     }     function modalClose(id){         jQuery('#modal-'+id).hide();         openModal = '';     } </script>

İnternetten şöyle kodlar buldum ama çalıştıramadım.

Kapat düğmesi şöyle ama boşluğa tıklayınca da kapanmasını istiyorum:

<div data-bs-dismiss="modal" class="close"><center><img src="https://www.mgc.com.tr/wp-content/uploads/2022/10/reverse-icon-mgc.png" height="25" width="25"></center></div>

Tahminimce kapanmasını engelleyen bir şey var.