jquery-ui - jquery.ui.datepicker 没有加载 ajax

Question

我有一个 html 页面（mypage.html），它使用 jquery.ui.datepicker

<table>
<tr>
<td valign="middle"><input type="text" name="from_date"  id="from_date" ></td>
<td width="6"><script type="text/javascript">
            $(function() {
                        $("#from_date").datepicker(
                        {dateFormat: 'mm-dd-yy', showOn: 'both', buttonImageOnly: true, changeMonth: true, changeYear: true ,buttonImage: '../images/calender_icons.gif' });
             });
            </script></td>
</tr></table>

当使用 ajax 从另一个页面加载此页面时，不会加载日期选择器。我的ajax代码如下

$(document).ready(function(){
    $("#MainDiv").click(function(event){
        $.ajax({
            url: 'mypage.html',
            cache: false,
            success: function(html){
                $("#MainDiv").html(html);
                alert('succ');
            },
            complete: function(){
                alert('comp');  
            },
            error : function(){
                alert('err');
            },
            dataType: "html"

        });
    });
 });

任何帮助，将不胜感激。

Answer 1

我用 .load 方法做到了

$(文档).ready(函数(){
    $("#MainDiv").click(function(){
        $("#secondDiv").load("test.html");
    });
});