关注模态开放的输入域

时间:2017-03-09 03:13:38

标签: jquery html modal-dialog focus bootstrap-modal

我有一个在页面加载时打开的模态。我需要将重点放在文本框上。我尝试使用我搜索过的几个代码,但它不起作用。这是我的js:

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

可能是什么问题?

1 个答案:

答案 0 :(得分:0)

这很简单,只需将.on("show"更改为.on("shown.bs.modal":D

在此处查看有关bootstrap模态事件的进一步参考:http://getbootstrap.com/javascript/#modals-events

修改

这应该像你想要的那样工作:: 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');
});