jQuery UI日历在Ajax加载对话框中

Question

我的链接与onclick =“ open_dialog”一起打开了jQuery UI对话框。 它使用ajax加载其内容，并且该内容使用ajax加载另一个内容test2.php，其输入标签具有class =“ calendar”。 问题是，如果我单击输入，它将不会显示任何日历。 也许有人知道为什么吗？

function open_dialog() {
    var url = 'test.php'; 
    var dialog;
    if ($('#test').length) {
        dialog = $('#test');
    } else {
        dialog = $('<div id="test" class="type_' + type + '" style="display:hidden;"></div>').appendTo('body');
    }
    dialog.load(
        url, 
        {},
        function (responseText, textStatus, XMLHttpRequest) {
            dialog.dialog({
                open: function(event, ui) {
                    $('.calendar').datepicker();
                }
            });
        }
    );
    return false;
}

Answer 1

抱歉，但是我找到了答案：我不得不在第二个ajax调用中调用日历，如下所示：

$('#content_in_test_dialog').load(
    'test2.php', 
    function(response, status, xhr) {
        $('.calendar').datepicker();
    }
);

Answer 2

起初您应该找到问题所在？ 1）首先添加alert('first line of open_dialog function'); 并检查是否致电。 2）第二个检查是日历将自己的html内容添加到html页面。 可能是它添加了自我内容，但是某些CSS样式将其隐藏了。