javascript - 如何在其数据来自 ajax 调用的 SimpleModal 对话框中放置 jQuery 日期选择器？

Question

我有一个使用 SimpleModal 出现的模式窗口，该窗口带有一个附加到文本字段 licenseExpiry 的 jQuery datepicker。licenseExpiry 在 ajax 调用 (SchoolDetails.php) 的内容中定义。但是，当我单击文本框时，什么也没有发生。我知道回调正在发生，因为控制台显示“已打开”，并且 licenseExpiry 对象肯定存在于 DOM 中。

function SchoolDetails()
{
    $.ajax({url:'SchoolDetails.php', success: function(data)
    {
        $('#admin-modal-content').html(data);
        $('#admin-modal-content').modal({
            onShow : function() {
                console.log("opened");
                $( "#licenseExpiry" ).datepicker();
            },
            containerCss: {
                width: 500,
                height: 400
            }});

        }});
        return false;
    }

我究竟做错了什么？

编辑：我尝试将函数放在 onShow 回调中的 onOpen 回调和 SchoolDetails.php 中，这也不起作用。

Answer 1

将我使用的 jquery-ui 版本从 1.9.2 更改为 1.10.3 为我解决了这个问题。我保留了其余的代码。