Question

我正在使用一个jQuery-UI对话框，其中包含三个字段以及“更新”和“取消”按钮。

当对话框打开时，我想将焦点设置到该对话框中的第一个字段，比如它是calle'ID'，但从它的外观来看，焦点设置为我的'Cancel'按钮。

对于如何覆盖这一点并在打开时将焦点设置为“ID”字段，我们将不胜感激。

感谢。

Answer 1

这里打开对话框后调用open函数。

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

Answer 2

要设置默认焦点取消按钮，请传递按钮的索引。默认焦点在第一个按钮即索引0.要将焦点设置在第二个元素上，您可以使用以下代码

$(this).parents('.ui-dialog-buttonpane button:eq(1)').focus();

使用两个按钮创建对话框并将焦点设置在按钮上的源代码

     $(function() {                         
           $( "#dialog:ui-dialog" ).dialog( "destroy" );    
           $( "#dialog" ).dialog({
           modal: true,
           minHeight:200,
           minWidth:190,
           buttons: {
           Delete: function() {
            // do something                                                                     
           },
           Cancel: function() {
           $( this ).dialog("close");                               
           }
           }
     });
//to set focus on cancel button
          $(this).parents('.ui-dialog-buttonpane button:eq(1)').focus(); 
     });

在jQuery UI对话框中将焦点设置为字段

2 个答案: