54

私はそのような問題を抱えています - Twitterブートストラップモーダル内のいくつかの要素をオート​​フォーカスする必要があります(それが表示された後)。ここがトリッキーな部分です。このモーダルのコンテンツは、別の HTML ファイルから「data-remote」(jQuery.load メソッド) を使用して読み込まれるため、

$(document).on('shown', ".modal", function() {
    $('[autofocus]', this).focus();
});

モーダルが以前にロードされた場合にのみ機能します。
問題は、最初のモーダルロードでオートフォーカスを機能させる方法です。

4

6 に答える 6

4

上記の回答は、最新の Bootstrap バージョンではやや古くなっています。

以下は、http://getbootstrap.com/javascript/#modals からの抜粋です。

HTML5 がセマンティクスを定義する方法により、autofocusHTML 属性は Bootstrap モーダルでは効果がありません。同じ効果を得るには、カスタム JavaScript を使用します。

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').focus()
})
于 2016-09-06T05:50:58.943 に答える