На мобильных устройствах мода Bootstrap 3 остается, когда я нажимаю кнопку «Назад».Bootstrap Modal остается на задней кнопке - только для мобильных телефонов
Вот мой HTML код:
<a id="link-prof" href="" class="dark-blue" data-toggle="modal" data-target="#leavingModal">Link Here<span class="glyphicon glyphicon-chevron-right"></span></a><
<div id="leavingModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<a class="close-btn" data-dismiss="modal"></a>
<div class="modal-body">
<h4 class="modal-title">You are now leaving this page</h4>
<p>Text here and here</p>
</div>
<div class=" text-center">
<button type="button" class="btn btn-lg btn-link" data-dismiss="modal">Cancel</button>
<button id="link-hcp" type="button" class="btn btn-lg btn-danger" data-dismiss="modal" data-href="http://www.anotherpage.com" data-target="_self">I Agree</button>
</div>
</div>
</div>
У меня также есть это в моем файле JavaScript (не уверен, если это имеет какое-либо влияние на эту проблему):
$('button').on(touchClick,function(){
var loc = $(this).attr("data-href");
if(loc!='' && loc!=null) window.location = loc;
});
Когда я нажмите на ссылку, появится модальная мода. Затем я нажимаю кнопку «Я согласен» на модальном, и я беру на новую страницу. На рабочем столе, когда я нажимаю кнопку «Назад», модальной формы больше нет. Мне нужно было бы снова щелкнуть ссылку, чтобы модальность появилась (что желательно). Тем не менее, на мобильном устройстве (я попробовал iPad и Android) модальность остается при нажатии кнопки «Назад».
После некоторых исследований, я наткнулся на этот код:
$('#leavingModal').on('hidden.bs.modal', '.modal', function() {
$(this).removeData('bs.modal');
});
... но это даже не огонь. Я также пробовал разные селекторы и не имел успеха.
Буду признателен за помощь в определении решения.
Спасибо.
Стивен
К сожалению, ни одна из них не решила проблему. Модаль остался. Я также вручную удалил fade из своего html. – user282648
вы можете указать ссылку – Shehary
Это в интранете, поэтому мне придется воссоздать тестовую версию. Несмотря на это, я смог решить проблему, «убив» модальный (используя второй метод выше), прежде чем перейти к следующей странице. Это сработало хорошо. Благодарю. – user282648