Fokus auf Eingabefeld auf Modal Öffnen

Question

Ich habe ein Modal, das beim Laden der Seite öffnet. Ich muss den Fokus auf die Textbox legen. Ich habe versucht, mehrere Codes zu verwenden, die ich gesucht habe, aber es funktioniert nicht. Hier ist meine js:

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

}); 

Und mein Eingabefeld ist dies

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

Was könnte das Problem sein?

Answer 1

Es ist ganz einfach, ändern Sie einfach .on("show" in .on("shown.bs.modal": D

Sehen Sie weitere Referenz über modal Ereignisse des Bootstrap hier: http://getbootstrap.com/javascript/#modals-events

EDIT:

Dies sollte, wie Sie arbeiten wollen:: D Leider Ich habe deine Frage nicht sorgfältig gelesen ...

$(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'); 
}); 

Zusatz:

Wenn Sie auf den ersten .form-control innerhalb des modalen konzentrieren wollen:

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