爲什麼彈出窗口加載後，我的datapicker onSelect事件觸發？

Question

我創建了一個在部分視圖中加載的日期選擇器。局部視圖本身被加載到一個彈出式對話框中。不確定這是相關的，但彈出對話框時，日期選擇器已經打開。看來onSelect事件在默認情況下會在datepicker加載時觸發。

我有一個div的日期選擇器這樣的：

<div class ="ui-widget" > 
     <label for ="datep">Date: </label><input id="datep" /> 
    </div> 

和這裏的腳本： $（函數（）{

 $("#datep").datepicker({ showOn: "both", buttonText: "Select Date", changeMonth: true, showButtonBar: true, changeYear: true, yearRange: "-2:+2", showOtherMonths: true, onSelect: function (date, datepickder) { 
      var tcherData = { selectedDate: date, teacherID: teacherData }; 
      $.ajax({ 
       type: "GET", 
       url: "/Schedule/GetSchedule", 
       data: tcherData, 
       datatype: "html", 
       sucess: function (data) { 

       } 
      }); 
     } 
    }); 

爲什麼onSelect事件儘快射擊彈出加載？我怎樣才能防止這種情況發生？感謝您的任何幫助這一個！

Answer 1

問題是，當對話框打開然後焦點設置輸入whi ch觸發日期選擇器。解決方法是在顯示對話框時觸發輸入模糊事件，或者在調用對話框之前使用此代碼，它將清除自動對焦：

$.ui.dialog.prototype._focusTabbable = function(){}; 

$.ui.dialog.prototype._focusTabbable = function(){};