弹出窗口打开后,$(document).ready(function()不起作用

时间:2016-02-04 07:59:18

标签: javascript jquery

我将创建一个类似form.aspx的页面。在该页面中单击按钮,然后同时打开popup作为div标签

$(document).ready(function () {
    id = querySt("i") || "0"; 
    dtl = querySt("dtl") || "0";
    loadDDL();
    getHeader(id);
    loadReport(id);

    $(".modalPopup").draggable({ 
        cancel: ".divTA, .dcmbStatus" 
    });
    $("#modalPopup").center();
    $("#txtActionDate").datepicker({
        minDate: 1,
        dateFormat: "yy-mm-dd",
        numberOfMonths: 1,
        onClose: function (n) {
            $("#txtActionDate").datepicker("option", "minDate", n)
        }
    });
    getUsers();
    ko.applyBindings(srcVM, document.getElementById("dvActions"))
});

document.ready函数正在运行,但问题是在更改任何事件或对此弹出窗口的任何单击之后没有任何工作日期选择器事件意味着不调用document.ready函数调用。请帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

请注意,jQuery $(document).ready函数将侦听文档就绪事件,并且只会在触发事件时触发一次。

如果您想在点击弹出窗口或其他行为时动态绑定datepicker,请使用$(' popup')。('点击')代替,然后单击弹出窗口时,它将绑定datepicker

更有可能的是,你希望绑定datepicker,当文档准备就绪时。你可以在第一时间渲染弹出窗口并隐藏它,然后jQuery可以绑定datepicker,即使它没有显示。

希望这可以提供帮助。