Twitter Bootstrap modelinin talimatlarını ana dokümantasyon sayfalarında takip ettim
ve data-keyboard="true"belirtilen sözdizimini kullandım ancak kaçış anahtarı kalıcı pencereyi kapatmıyor.
Kaçırdığım başka bir şey var mı?

Kod:

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal'>
  <div class='modal-body'>
    <div>Test</div>
  </div>
</div>

Bu, keyup olayının nasıl bağlandığıyla ilgili bir sorun gibi görünüyor.

tabindexBu sorunu aşmak için özniteliği modalınıza ekleyebilirsiniz :

tabindex="-1"

Yani tam kodunuz şöyle görünmelidir:

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal' tabindex='-1'>
    <div class='modal-body'>
    <div>Test</div>
    </div>
</div>

Daha fazla bilgi için bu konudaki tartışmayı github'da görüntüleyebilirsiniz.

(Yeni TWBS deposuna bağlantı güncellendi)

ayrıca javascript aracılığıyla çağırıyorsanız, şunu kullanın:

$('#myModal').modal({keyboard: true}) 

tabindex="-1"modal div'e özellik ekle

<div id="myModal" class="modal fade" role="dialog" tabindex="-1">

</div>

Açısal olarak şöyle kullanıyorum:

var modalInstance = $modal.open({                        
 keyboard: false,
 backdrop: 'static',
 templateUrl: 'app/dashboard/view/currentlyIneligibleView.html',
 controller: 'currentlyIneligibleCtrl',
 resolve: {
     data: function () { return param; }
    }
});

• backdrop: 'static' => Dışarıya tıkladığınızda kapanmayı durdurun
• keyboard: false => Çıkış butonunu kullanarak kapatmayı durdur

Önyükleme 3

HTML'de, sadece data-backdropstatik ve data-keyboardyanlış olarak ayarlayın

Misal :

<button type="button" data-toggle="modal" data-target="#myModal" data-backdrop="static" data-keyboard="false">Launch modal</button>

veya

$('#myModal').modal({
  backdrop: 'static',
  keyboard: false
}) 

Canlı Test:

https://jsfiddle.net/sztx8qtz/

Daha Fazla Bilgi: http://budiirawan.com/prevent-bootstrap-modal-closing/