Установка фокуса на поле в диалоговом окне jQuery UI

Question

Я использую диалоговое окно jQuery-UI, в котором есть три поля, а также кнопки «Обновить» и «Отмена».

Когда диалоговое окно открыто, я бы хотел установить фокуск первому полю в этом диалоге, скажем, это был «ID», но, судя по всему, фокус установлен на моей кнопке «Отмена».

Был бы признателен за помощь в том, как это переопределить и иметьпри открытии фокуса устанавливается поле «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(); 
     });