Jquery UI模式对话框,将焦点设置在第一个表单元素上

Question

我目前正在使用jquery UI模式框.

我想知道如何在打开对话框时将焦点设置到模态框的第一个表单元素上我认为这是默认情况下发生但由于某种原因它不是.

如何在打开时将jquery ui设置为关注第一个表单元素？

这里是带有模态对话框的页面的URL,只需单击此页面上的显示对话框链接即可

Answer 1

您可以在jquery ui对话框中使用open事件,并将焦点设置为输入id.你可以做这样的事情.

$( ".selector" ).dialog({
   open: function(event, ui) { $('#target').focus(); }
});

Answer 2

向显示的事件添加函数绑定,然后设置焦点

$('#login_modal').on('shown', function () {
     $("#login_modal input").first().focus();
 });
 $('#login_modal').modal();

Answer 3

感谢您的答复，最后我不得不使用事件回调“ shown.bs.modal”将焦点添加到元素上。

    $('#login-modal').on('shown.bs.modal', function () {
        $("#user_session_email").focus();
    });