Как закрыть модальное окно при нажатии кнопки «назад» на моб. телефоне вместо перехода на предыдущую страницу?

Question

[Артур Косиков]

Для моб. версии сайта модальные окна стилями сделаны на весь экран, в углу кнопка "закрыть"... Но пользователю смартфона не понятно, что с этим делать... - большинство нажимают кнопку "Назад" на моб. девайсе, или браузере.
Ищу универсальное решение ( iOs, Android ), которое позволит отследить наличие активного модального окна, и вместо перехода назад по истории выполнить закрытие оного...

Пытался сделать так:

$(window).on('unload', function(event) {
            if(jQuery('#popup').is(':visible')) {
                jQuery('#popup').hide();
                location.href ='#';
            }
        });

Но это не работает на смартфонах (на компе норм.)

Comments

[smit1987]

Нашли решение?

[Артур Косиков]

Нет. Решили делать отдельно моб. версию на поддомене m. - т.е. отказаться от адаптивного макета и без модальных окон, т.к. моб версия сильно отличается от десктопной...

[Артур Косиков]

Нашел решение.

//When ever the modal is shown the below code will execute.
    $(".modal").on("shown.bs.modal", function()  {
        var urlReplace = "#" + $(this).attr('id');
        history.pushState(null, null, urlReplace);
    });

    // This code gets executed when the back button is clicked, hide any/open modals.
    $(window).on('popstate', function() {
        $(".modal").modal('hide');
    });