javascript - 无法在动态加载的页面上启动 .datepicker() 函数

Question

我对 JS 还是很陌生，并且在让 JS 在动态加载的页面上运行时遇到了一些问题。

通过 .load 方法动态加载“在线申请”页面后，我无法将 jquery 日期选择器附加到“appDataOfBirth”输入字段。在阅读了几篇类似的帖子后，我尝试了诸如 .live 之类的东西，但是即使这适用于说警报，它也不会初始化日期选择器。

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

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

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

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

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

score 0 · Accepted Answer

你检查过javascript错误控制台吗？：

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

因此，请检查您的日期选择器库，也许您的页面中没有包含日期选择器库。

score 0 · Accepted Answer

你可以使用

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

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

2 回答 2