Javascript 无法将日期选择器应用于使用.load添加到应用程序的html页面上的字段

我试图创建一个单页应用程序，使用jQuery中的.load（）函数将应用程序的各个页面加载到一个容器中

页面中加载的按钮是使用$.ajax和$动态生成的。每个循环：

$.each(result, function(i, item) {
   $("#menu").append("<li id='"+item.filename+"' class='col-md-12'><span id='"+item.filename+"_link'>" + item.condition_name + "</span></li>");                         
 });

无论我尝试做什么，日期选择器都不会加载。我似乎无法访问.date类。我知道这个问题与活动授权有关，但我似乎无法理解它

---

任何帮助都将不胜感激。谢谢

在运行下一行代码之前，程序不会等待

.load（）

完成。因此，在更新内容之前调用datepicker函数。根据jquery文档，您可以添加一个回调函数，该函数在

.load（）

完成后运行。这是你应该做日期选择器的时候

请尝试以下方法：

$(document.body).on("click", "#type1diabetes_link", function(event){
    event.preventDefault();
    $("#content").load("type1diabetes.html", function() {
        $('.date').datepicker();
    });
});

请尝试改用jQuery：

我在动态加载元素时遇到了这个问题。更具体地说，当加载DOM时，尝试访问的元素不存在时，绑定失败

$(document.body).on("click", "#type1diabetes_link", function(event){
    event.preventDefault();
    $("#content").load("type1diabetes.html");
    $('.date').datepicker();
});

$(document.body).on("click", "#type1diabetes_link", function(event){
    event.preventDefault();
    $("#content").load("type1diabetes.html", function() {
        $('.date').datepicker();
    });
});

$("body").delegate("click", "#type1diabetes_link", function(event){
    event.preventDefault();
    $("#content").load("type1diabetes.html", function() {
        $('.date').datepicker();
   }); 
});