jquery - jQuery 日期选择器

Question

我有主 HTML 文件，单击按钮后，它应来自 AJAX test.html

测试.html：

<div type="text" id="datepicker">
    H
</div> 

我的.js：

<script>
    jQuery(document).ready(function ($) {
        jQuery.ajax({
            type: 'POST',
            url: 'test.html',
            success: function (data2) {

            } //end of success                                
        }); //end of ajax      

        $("#datepicker").datepicker();
    });
</script>

Main.html Ajax 调用 test.html，它需要在输入字段中显示日期选择器，我该如何完成上述任务？

谢谢

Answer 1

如果你说，...

我已经使用 AJAX 加载了一些东西，我想将东西绑定到它......

然后，您需要做的就是将您的 $(document).ready... 内容移动到一个函数中，您也可以在加载 AJAX 请求时调用该函数。您也可以将相关的 DOM 树传递给该函数，这将有所帮助。

例子：

var pageLoaded = function(htmlDocument) {
    $(".datepicker", htmlDocument).datepicker();
    $(".something").click(function() { alert("Hi"); });
};
// Page Load
$(document).ready(function() {
    pageLoaded(this);
});

然后当你调用 AJAX 时，你也会这样做......

$("#MyDiv").load("http://somepage/", function() { pageLoaded(this) });

它会将所有页面加载内容应用于新加载的 AJAX 位。