无法获取.datepicker（）函数以在动态加载的页面上启动

Question

我还是JS的新手，并且在运行动态加载页面时遇到了一些问题。

通过.load方法动态加载“在线申请”页面后，我无法获得附加到“appDataOfBirth”输入字段的jquery日期选择器。在阅读了几篇类似的帖子之后，我尝试过像.live这样的东西，但即使这可以说是一个提醒，它也不会初始化日期选择器。

我一直在玩下面的链接，其中“applyOnlineBtn”是打开显示表单的应用程序部分的carasel链接 - 但这似乎不起作用。

$('#applyOnlineBtn').live("click", function(){
alert('test message');
$("#appDateOfBirth").datepicker();
});

如果有人能帮助我完成这项工作，我们将不胜感激。

资源： 网站网址：http://www.kingsroad.net.au/qutproject/index.php

将内容加载到mid div的JS位于kingsroad.net.au/qutproject/js/general.js（这是我尝试使用我的代码来激活日期选择器的地方）。

在线申请内容位于kingsroad.net.au/qutproject/content/applyOnline.php

Answer 1

您可以使用

$('your_element').load(URL_TO_LOAD,function(){
  $("#appDateOfBirth").datepicker();
});

这会将datepicker应用于新加载的内容。

Answer 2

您是否检查过javascript错误控制台？：

Uncaught TypeError: Object [object Object] has no method 'datepicker

所以，检查你的datepicker库，也许你的页面中没有包含datepicker库。