jQuery的對話和日期選擇器插件不在一起工作

Question

我已經拖頁面中的一個是mange.aspx等是pop-up.aspx 在mange.aspx我加載其他頁面使用Ajax和jquery ui Dialog

我的問題，顯示它是當我加載jquery ui Datepicker頁面內該頁面無法正常工作

這是我的代碼

$(function() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "../images/calendar-icon.png", 
     buttonImageOnly: true 
    }); 

    $('#Add').click(function() { 
     var $dialog = $('<div id="MyDialog"></div').appendTo('body') 
     .load("../Pop-up.aspx #pop-up") 
     .dialog({ 
     position: 'center', 
     width: 550 
      // code ..... 
     }); 
    }); 
}); 

Answer 1

您需要在加載彈出窗口後創建日期選擇器。之前創建日期選擇器將不會執行任何操作。現在

function createDatePicker() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "../images/calendar-icon.png", 
     buttonImageOnly: true 
    }); 
} 

$(function() { 
    $('#Add').click(function() { 
     var $dialog = $('<div id="MyDialog"></div').appendTo('body') 
      .load("../Pop-up.aspx #pop-up", createDatePicker) 
      .dialog({ 
      position: 'center', 
      width: 550 
      }); 
     // code ..... 
    }); 
}); 

您的日期選擇器創建代碼是它自己的函數中，並加載彈出頁面時被設置爲回調。這樣，一旦頁面被加載，日期選擇器就會被創建。