在jQuery UI對話框中將焦點設置爲字段

Question

我正在使用一個jQuery UI對話框，它有三個字段以及一個'更新'和'取消'按鈕。

打開對話框時，我想將焦點設置爲該對話框中的第一個字段，稱它爲'ID'，但從外觀上看，焦點設置爲「取消」按鈕。

希望得到一些關於如何覆蓋它的幫助，並在打開時將焦點設置爲'ID'字段。

謝謝。

Answer 1

這裏open對話框打開後調用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(); 
    });