如何在SimpleModal对话框中放置一个jQuery datepicker,其数据来自ajax调用?

时间:2013-05-15 21:43:53

标签: javascript jquery ajax datepicker simplemodal

我有一个模态窗口,使用SimpleModal和一个附加到textfield 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;
    }

我做错了什么?

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

1 个答案:

答案 0 :(得分:0)

更改我在1.9.2到1.10.3中使用的jquery-ui的版本为我解决了这个问题。我原样保留了剩下的代码。