Как включить функцию закрытия ключа escape в модальном режиме загрузки Twitter?

Question

Как включить функцию закрытия ключа escape в модальном режиме загрузки Twitter?

я следовал инструкциям по Twitter Bootstrap modal на своей главной странице документации
и используется data-keyboard="true" синтаксис упомянут, но клавиша escape не закрывает модальное окно.
есть ли что-то еще, что я упускаю?

код:

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

466 5

twitter-bootstrap

5 ответов:

Comments

Ничего не найдено.

Craig MacGregor · Accepted Answer · 2017-04-03 16:42:54

похоже, что это проблема с тем, как связывается событие keyup.

вы можете добавить tabindex атрибут для вас модальный, чтобы обойти эту проблему:
tabindex="-1"
Так что ваш полный код должен выглядеть так:
<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>
для получения дополнительной информации вы можете просмотреть обсуждение на этот вопрос на github

(обновлена ссылка на новый репозиторий TWBS)

dennisbot · Accepted Answer · 2012-10-06 02:11:49

также , если вы вызываете через javascript, используйте это:
$('#myModal').modal({keyboard: true}) 

Trupti · Accepted Answer · 2017-01-25 09:19:08

добавить tabindex="-1" атрибут модального div
<div id="myModal" class="modal fade" role="dialog" tabindex="-1">

</div>

Ali Adravi · Accepted Answer · 2016-06-21 21:46:42

в угловой я использую вот так:
var modalInstance = $modal.open({                        
 keyboard: false,
 backdrop: 'static',
 templateUrl: 'app/dashboard/view/currentlyIneligibleView.html',
 controller: 'currentlyIneligibleCtrl',
 resolve: {
     data: function () { return param; }
    }
});
backdrop: 'static' = > Stop to close on clicking outside

клавиатура: false = > стоп, чтобы закрыть с помощью escape buttton

Rashedul Islam Sagor · Accepted Answer · 2018-01-10 05:59:59

Bootstrap 3

в HTML, просто установите data-backdrop к статическим и data-keyboard ложь

пример :
<button type="button" data-toggle="modal" data-target="#myModal" data-backdrop="static" data-keyboard="false">Launch modal</button>
или
$('#myModal').modal({
  backdrop: 'static',
  keyboard: false
}) 
Тест :

https://jsfiddle.net/sztx8qtz/

знать больше:http://budiirawan.com/prevent-bootstrap-modal-closing/