モーダルオープン時の入力フィールドに焦点を合わせる

Question

私はページロード時に開くモーダルを持っています。私はテキストボックスに焦点を当てる必要があります。私は検索したいくつかのコードを使ってみましたが、うまくいきません。

$(document).ready(function(){ 
     $("#myModal").modal('show', function() { 
     $('#keyword', this).focus(); 
    }); 

}); 

そして、私の入力フィールドが問題になる可能性があるこれは何

<input type="text" style="width: 50%; margin-left:2px; " id="keyword"    class="input-group inline form-control search" name="keyword" placeholder="Search" ng-model="keyword" ng-required="true" required > 

です：ここに私のjsのですか？

Answer 1

それは簡単です、ただ.on("shown.bs.modal"へ.on("show"を変更：D

がここにブートストラップのモーダルイベントについてさらにリファレンスを参照してください：http://getbootstrap.com/javascript/#modals-events

EDIT：

これは、あなたが望むように動作するはずです：：D申し訳ありません私は慎重にあなたの質問を読んでいなかった...

$(document).ready(function() { 

    //to have your input focused every your modal open 
    $('#myModal').on("shown.bs.modal", function() { 
     $('#keyword').focus(); 
    }); 

    //to open the modal when document is ready 
    $("#myModal").modal('show'); 
}); 

追加：

あなたはモーダル内の最初の.form-controlに集中したい場合：

$(document).ready(function() { 
    $('#myModal').on("shown.bs.modal", function() { 
     $(this).find(".form-control:first").focus(); 
    }); 
    $("#myModal").modal('show'); 
});