javascript - ajax 関数内にドキュメント準備完了関数を配置する方法

Question

他の 3 つのページで datepicker 関数を使用しましたが、すべて正常に動作しましたが、現在、ajax 関数呼び出し showbookings に基づいて作成されたページに追加しようとしています。現在、動的コンテンツをロードした後に再接続されているオンクリック機能が 8 つありますが、datepicker を機能させたり、表示したり、何も表示したりできません。では、どのように $(document).ready(function を取得して ajax 呼び出しに配置しますか? 入力クラス = "datepicker1" があります。

function showbookings(str, pass) {
    if (str === "") {
        document.getElementById("txtBookings").innerHTML = "";
        return;
    }
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("txtBookings").innerHTML = xmlhttp.responseText;

        *********

        }
    };

    xmlhttp.open("GET", "page1.php?q=" + str, true);
    xmlhttp.send();
}





$(document).ready(function () {
    $(".datepicker1").datepicker({
        showOn: 'both',
        buttonImage: 'images/calendar.gif',
        buttonText: 'Pick Date',
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        showAnim: 'slideDown',
        duration: 'fast',
        onClose: function (text, inst) {
            $(this).focus();
        }
    });
});