Telefonda geri düğmesine basın Kapat bootstrap modal

Question

Bootstrap örnek kodundan aldığım basit bir modelim var. Şöyle: o üstünde bir mobil cihazda tüm sayfayı kaplıyor ve "x" için arama çünkü

<!-- 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> 

Ben bir telefonda geri düğmesi ile kalıcı kapatmak için mümkün istiyorum sağ çok uygun değil. Belgelere bir göz attım, ancak klavyedeki Escape tuşunu kullanarak modalın kapatılması için yalnızca bir seçenek var ve mobil aygıt için böyle bir çözüm yok. Bana yardım eden var mı? i basit X veya kapat düğmesi ile modal kapanış öneriyoruz rağmen

Answer 1

, sen aracılığıyla etkinliğini dinlemek mümkün olmalıdır:

$(window).on("navigate", function (event, data) { 
    var direction = data.state.direction; 
    if (direction == 'back') { 
    // do something 
    } 
    if (direction == 'forward') { 
    // do something else 
    } 
}); 

navigasyon olayı ve state.direction dinlemek gerekir.

X'i modda statik bir başlıkta tutmayı düşündünüz mü? Ve içerik kaydırılabilir ..