Закрытие модального кона при нажатии на кнопку назад?

Question

[kosmok]

Здравствуйте, значит так нужно при нажатии в браузере на кнопку назад если открыта модальное окно закрыть его, как это можно реализовать?

Answer 1

[Danny Arty]

Если это bootstrap модальное окно, то попробуйте так

$('div.modal').on('show.bs.modal', function() {
	var modal = this;
	var hash = modal.id;
	window.location.hash = hash;
	window.onhashchange = function() {
		if (!location.hash){
			$(modal).modal('hide');
		}
	}
});

$('div.modal').on('hidden.bs.modal', function() {
	var hash = this.id;
	history.pushState('', document.title, window.location.pathname);
});

Comments

[kosmok]

https://samaraklining.com/obslugivanie там при нажатии на кнопку "что входит"

[Danny Arty]

kosmok, у вас Magnific Popup, решение со стака:

Добавите к Magnific Popup колбэки

callbacks: {   
        open: function() {
          location.href = location.href.split('#')[0] + "#gal";
        }
        ,close: function() {
          if (location.hash) history.go(-1);
        }
}

и потом используйте этот код

$(window).on('hashchange',function() {

       if(location.href.indexOf("#gal")<0) {

         $.magnificPopup.close(); 
       }
  });

[kosmok]

Danny Arty, спасибо